Design and implement empty state illustrations for all zero-data views

[Kingsman-99]

Overview

Pages like the dashboard (no invoices), address book (no contacts), and leaderboard (no data) currently show nothing or plain text when empty. Add consistent illustrated empty states that guide the user to take action.

Acceptance Criteria

• Empty states for: Dashboard (no invoices), Groups (no groups), Address Book (no contacts), Leaderboard (no data), Search (no results), Notifications (no notifications)
• Each empty state has: an SVG illustration, a heading, a one-line description, and a primary CTA button
• Illustrations are custom inline SVGs (not raster images) — lightweight and themeable
• All illustrations work in both light and dark mode (colours via CSS variables)
• Empty state component accepts illustration, heading, description, ctaLabel, ctaHref as props
• CTAs navigate to the relevant creation flow (e.g. "Create your first invoice")
• Empty states fully responsive — scale to fill container width

[Peolite001]

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

i would love to work on this issue

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

[rahimatonize]

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

Hi maintainer, I would love to work on this issue , please assign

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

[LawalRahman]

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

Hi,

I’m a full-stack and blockchain developer with experience building fintech and payment-focused applications. I work across frontend, backend, APIs, and smart contract integrations with a strong focus on turning ideas into working products quickly.

For this issue, I’d focus on delivering a simple but well-structured solution that demonstrates clear Stellar utility rather than unnecessary complexity. My priority would be reliability, clean architecture, secure implementation, and an MVP that can realistically evolve beyond the hackathon.

I’m ready to begin immediately and ship iteratively with clear progress updates.

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

[drips-wave]

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

🧑‍💻 @LawalRahman: 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 🌊