Feature: Skeleton loading

[tamalCodes]

Description

• Because of Internet connection constraints the data might load at a certain delayed amount for different users and we do not have any loading animation for the same
• As you can see from the screenshot section down below you will notice that for clubs the images take time to load as a result there is an almost empty screen for events because the whole events are compiled as one single section it takes some time to load too
• The point is we need to have some kind of loading states or loading transition or animation available globally such that it matches our theme and we reuse it everywhere

Proposed Solution

We also need a skeleton animation for example vercel has their skeleton animation you can take inspiration from these and maybe build something very similar to it

Screenshots

🥦 Browser

Google Chrome

Checklist ✅

• [X] I checked and didn't find similar issue
• [X] I have read the Contributing Guidelines
• [ ] I am participating in JWOC
• [ ] I am participating in IWOC
• [ ] I am willing to work on this issue (blank for no)

[github-actions[bot]]

Hello @tamalCodes, thank you for raising the issue.

Currently, the issue is marked as https://github.com/MilanCommunity/Milan/labels/status%3A%20todo%20%E2%8F%B3 so please wait until the maintainers/owner review it and provide you with feedback/suggestions to proceed further.

Feel free to reach out to Tamal on Twitter, or drop a mail at tamalcodes@gmail.com if you think that this issue is of critical priority.

Give us a ⭐ to show some support Happy OpenSource 🚀

[Piyush-linux]

Working on this one 💚 ,

found this error @tamalCodes