Implement skeleton loading states for home page sections

[Akatenvictor]

What

Replace blank spaces and generic spinners on the home page with skeleton loading placeholders that match each section's content layout.

Why

Currently sections load with no visual feedback, making the page feel broken during slow network conditions. Skeleton screens reduce perceived load time and set proper content expectations.

Scope

In: Skeleton variants for card grids, hero banners, text blocks; shimmer animation; loading state management per section
Out: Skeletons for dashboard or profile pages

Acceptance Criteria

• Each section type has a matching skeleton layout
• Skeletons use the existing color palette from globals.css
• Shimmer animation via CSS only (no JS animation library)
• Skeletons render on server to avoid layout shift
• Graceful fallback if data loads before skeleton hydrates

Technical Context

• Create shared Skeleton components in components/ui/
• Use existing section data pattern from useSectionData hook
• Skeleton height should match final content to prevent CLS

[Juliet283]

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

I’ve reviewed the task, mapped out what needs to be done, and I’m ready to deliver. Confident I can build a clean solution that hits the target and gets this issue closed. Let me take it.

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

[muizbolaji4]

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

Hello Maintainer, I would love to work on this issue

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

[ISTIFANUS-N]

@ISTIFANUS-N has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello there,
please permit me to work on this issue i am an experienced frontend and ui/ux designer

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

[wagmiiii]

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

pls assign to me

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

[drips-wave]

Congratulations, @wagmiiii! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

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