Implement Skeleton Loaders for Data Fetching

[codebestia]

Context: While waiting for database or blockchain queries, we need to show loading UI to prevent layout shift.

Requirements:

• Build a Skeleton component using Tailwind's animate-pulse utility.
• Create specific skeleton layouts for the StatCard and the InvoiceTable rows.

Acceptance Criteria:

• Skeletons mimic the shape of the data they replace and pulse gently.

[peternnadi1999]

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

I’d like to work on #58 – Implement Skeleton Loaders for Data Fetching in ShadeProtocol/shade-frontend

.

I have experience with React, Next.js, TypeScript, and Tailwind CSS, and I’ve built responsive loading states for async API and blockchain data. I can create reusable skeleton components using animate-pulse and implement matching loaders for the StatCard and InvoiceTable to prevent layout shift and improve UX.

Looking forward to contributing.

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