[FE-80] Add loading skeletons for data-heavy routes

[yusuftomilola]

Overview

No loading.tsx exists in frontend/app/, so navigating to assets, dashboard, or reports shows nothing until data resolves.

Tasks

• Add loading.tsx to app/(dashboard)/dashboard, assets, assets/[id], reports, users, and departments.
• Build a reusable Skeleton primitive in components/ui/ if absent.
• Match each skeleton to its real layout (table rows, stat tiles, chart blocks) so content swaps in without layout shift.
• Add inline loading states for React Query refetches, distinct from initial page load.
• Respect prefers-reduced-motion — no shimmer when reduced motion is requested.

Acceptance Criteria

• Each listed route shows an immediate skeleton on navigation.
• Layout does not shift when real content replaces the skeleton.
• Animation is disabled under prefers-reduced-motion.

Notes for Contributors

Comment below to be assigned.

[Abuh-Bakar]

Hi! I'd like work on this issue. I have experience with Git, Github, React, Next.Js, VS Code, and Frontend Development, and i am confident i can implement the required changes while following the project's contribution guidelines. I'd like the opportunity to work on this issue. Thank You!

[OmniZlatoon]

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

Good day sir/ ma'am, I have 5 years of experience working on tasks like this and handling similar challenges across backend, frontend, and smart-contract development. I have carefully read and fully understood the task requirements, and I am confident I can deliver a clean, efficient, and well-tested solution promptly. I always ensure high-quality implementation, maintainability, and adherence to best practices.

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

[gracechukwukwerenandum]

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

Hello Maintainer, I can fix this issue.
Please assign it to me.

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

[blegodwin]

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

Hi, I'd like to work on this issue.

I'm a software engineer with strong experience in JavaScript and building scalable web applications. I'm comfortable working across the stack, writing clean, maintainable code, and collaborating in open source environments.

I've looked into this issue closely and I'm confident in my ability to deliver a high-quality implementation here.

I'd love the opportunity to work on this — please consider assigning it to me.

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

[drips-wave]

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

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

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign | FWC26 campaign!

@blegodwin's PR #1224 was approved and merged by @yusuftomilola.

🏆 @blegodwin: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (586 total points). Track your full progress on GrantFox.

👏 Great work, @blegodwin! Keep contributing to DistinctCodes.

[drips-wave]

This issue has been completed by @blegodwin as part of the Stellar Wave Program's 7th Wave 🥳

😎 @blegodwin: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.