🚀 [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

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

[github-actions[bot]]

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!

[raymondjoseph02]

I would love to work on this project. I am a front-end developer with expertise in React, JS, TS, and Tailwind, and my key superpower is an eye for detail. If attention to detail is one of your requirements for this project, I strongly feel I can provide that, among many other things.