Loading: Replace spinners with skeletons #101
Description
Is your feature request related to a problem?
The application currently uses basic spinner loaders for loading states, which fail to provide users with context about the content being loaded. This results in a less engaging user experience.
Describe the solution you'd like
Replace spinner loaders with skeleton loaders throughout the application. The skeleton loaders should:
- Mimic the actual UI structure (e.g., cards, lists, tables)
- Provide a visual preview of incoming content
- Improve perceived loading performance
Original issue
Describe the current behavior
Currently, the application uses a basic spinner loader to handle loading states. This approach does not provide sufficient context to users about what content is being loaded and can lead to a less engaging user experience.
Describe the enhancement you'd like
Replace the existing spinner loaders with skeleton loaders across relevant parts of the application.
The skeleton loaders should:
- Mimic the actual UI structure (e.g., cards, lists, tables)
- Provide a visual preview of incoming content
- Improve perceived loading performance
Why is this enhancement needed?
- Improves overall user experience by reducing perceived wait time
- Provides visual context of the content being loaded
- Aligns with modern UI/UX best practices
- Enhances consistency across the application