#161: Skeleton Implementation

Ishimwe7 commented 4 weeks ago

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

Screenshots

NavbarMembers