#161: Skeleton Implementation

[Ishimwe7]

Description
This PR introduces skeleton loading components throughout the application to improve user experience by providing visual feedback during data fetching. These skeleton loaders mimic the structure of the final content, making the interface more intuitive and responsive while the content is loading.

Description of Task Completed

• Implemented skeleton loading components across key areas of the application.
• Skeleton loaders are designed to represent the final structure of the content, enhancing the visual feedback to users during loading times.
• Integrated loaders with existing features to ensure a smooth transition when content is being fetched from the backend.

How to test this PR(locally)

• Clone the repo and check out the branch ft-skeleton-implementation
• Set up environment variables as indicated in .env.example
• Run npm install followed by npm run dev
• Test loading states in following areas:
  • Navigate through different sections
  • Observe skeleton animations during data fetching
  • Verify smooth transitions between states

Related Issue
#161

Screenshots

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
atlp-devpulse-fn	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 25, 2024 6:04am

[Ismaelmurekezi]

Nice work @Ishimwe7

[Prince-Kid]

Good Job

[ncutixavier]

• Remove all changes not related to the skeleton.
• Please read well the task description, anything not related to your task remove it

[codeclimate]

Code Climate has analyzed commit 9ef0c73 and detected 0 issues on this pull request.

View more on Code Climate.

[Ishimwe7]

• Remove all changes not related to the skeleton.
• Please read well the task description, anything not related to your task remove it

done