🚀 [Feature Request] - Add skeleton loading screen for webpages

[AryanGupta001]

Is your feature request related to a problem ? Please describe. ✍️

Currently, the application uses a throbber (loading spinner) during data loading phases. To enhance user experience and provide a more engaging and visually appealing placeholder, implement skeleton screen.

Describe briefly how you would implement this enhancement.

Some steps to implement this enhancement-
1. Identify Key Loading Areas
2. Create Skeleton Components: Design skeleton placeholders that match the layout of each content 
   type using div elements styled with CSS for shapes
3. Replace Throbber with Skeletons
4. Add Animation: Apply a pulsing or shimmer effect to skeletons using CSS animations or a 
   library like react-loading-skeleton for a smooth transition.

Additional context or screenshots

Additional context

Are you contributing for a program?

Other

Code of Conduct

• I have read and agree to the Contributing Guidelines of this project.

[github-actions]

Hello @AryanGupta001!
Thank you for raising this issue.
Please make sure to follow our Contributing Guidelines.
Don't forget to ⭐ our Grabtern-Frontend.

Our review team will carefully assess the issue and reach out to you soon!
We appreciate your patience!