[UI/UX] Design and implement empty states for all data views

[dev-fatima-24]

Priority: medium

Description

Empty states (no vaccination records, no issuers, no search results) currently show blank areas. Each empty state needs an illustration, a message, and a contextual call-to-action.

Acceptance Criteria

• Empty states are defined for Patient Dashboard, Issuer Dashboard, and Verification Page
• Each empty state has an icon/illustration, a heading, and a supporting message
• A contextual CTA is included where applicable (e.g., 'Contact your healthcare provider')
• Empty states are visually consistent across all pages
• Illustrations are decorative and hidden from screen readers

[Johnpii1]

@Johnpii1 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello Sir,

I recently came across your project and I’m very interested in contributing to the team.

I have experience working with React to build responsive and user-friendly interfaces, and I also have a solid understanding of smart contracts and blockchain fundamentals. I enjoy writing clean, scalable code and focusing on improving overall user experience.

I’m a fast learner, highly motivated, and available to get started immediately. I would appreciate the opportunity to contribute and would be glad to discuss the next steps.

Thank you for your time and consideration. I look forward to hearing from you.

Best regards,
Johnpaul

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Johnpii1 to this issue.

[uzochukwuV]

@uzochukwuV has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello, I would like to work on this issue. Can you pleased assign it to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @uzochukwuV to this issue.

[Zarmaijemimah]

@Zarmaijemimah has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I’ll live to work on this issue please kindly assign thank you

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Zarmaijemimah to this issue.

[drips-wave]

Congratulations, @Zarmaijemimah! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @Zarmaijemimah: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊