feat: add loading skeleton screens

[misrasamuelisiguzor-oss]

Description

Replace blank or spinner-only loading states with skeleton placeholder screens for the invoice list, settlement list, and dashboard statistics sections. Skeletons should match the approximate shape of the loaded content to reduce perceived load time.

Requirements and context

• Skeleton component for invoice list rows matching card/row layout
• Skeleton component for settlement list matching its layout
• Skeleton placeholders for dashboard stat cards (count, volume metrics)
• Skeletons visible during data fetch and replaced smoothly on load
• Follow existing project conventions

Suggested execution

1. Fork the repo and create a branch

   git checkout -b feat/loading-skeleton-screens
   

2. Implement changes
3. Test and commit

Example commit message

feat: add loading skeleton screens

Guidelines

• Assignment required before starting
• PR description must include: Closes #[issue_id]
• Keep PR description professional and detailed

[cashflaretech-glitch]

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

i would love to work on this issues if granted stay safe help the needy

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

[Padom2020]

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

Hi! I'd like to apply to work on this issue.
I'm a fullstack developer with over 5 years of experience, including frontend work with skeleton loading patterns to reduce perceived load time and layout shift. I've built highly complex production software including my ecommerce platform digemart.com, eventcrib.com, and stannscollegeddl.org.
My plan:

Fork the repo and create the feat/loading-skeleton-screens branch.
Build a skeleton component for invoice list rows matching the actual card/row layout dimensions.
Build a skeleton component for the settlement list matching its layout.
Add skeleton placeholders for dashboard stat cards (count, volume metrics), sized to match the real stat card layout so there's no shift on load.
Ensure skeletons display during the actual data-fetch window and transition smoothly to real content once loaded, following existing project conventions for animation/styling.
Test across all three areas (invoice list, settlement list, dashboard stats) to confirm no layout shift and consistent skeleton styling.
Submit the PR with Closes #78 and a professional, detailed description per the guidelines.

I understand assignment is required before starting —happy to wait for that.
Looking forward to contributing!

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

[drips-wave]

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

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