Implement Skeleton

[Salim-54]

Implement a skeleton UI to improve the user experience by displaying placeholder elements during data loading, enhancing perceived performance, and providing visual feedback while content is being fetched.

KEY TASKS:

1. Create lightweight, visually appealing skeleton placeholders for common UI components (e.g., cards, tables, images, buttons, etc.).
2. Ensure the skeleton design matches the layout and spacing of the actual content.
3. Implement the skeleton UI to appear while data is loading across key components of the application (e.g., lists, detailed views, dashboards).
4. Replace skeletons with actual content once the data is fully loaded.
5. Ensure the skeleton UI is lightweight and does not negatively affect the performance of the application.
6. Ensure skeleton UI works well across different screen sizes and devices, maintaining responsiveness and usability.