Feat:Add Loading Animation

[razerbotog]

Describe the feature

Loading animation while fetching data will enhanced the User Experience.
**It's an most important feature **

Here is the steps:

• Make a reusable loading component.
• A new useState Hook name [loading, setLoading] will manage the component to display or not.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I have checked the existing issues
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Congratulations, @razerbotog! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work! As per GSSoC'24 guidelines the person who raises the issue should be assigned for that issue. But if that person doesn't want to work on that issue the first come fist policy is follwed.

We'd also like to invite you to our Discord server! Join us on discord.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[saurabhsingh720]

@razerbotog can u give the demo of that.

[dhruv389]

Hello @saurabhsingh720 ,

Please checkout this solution for this website in this issue no: #78 (comment) .

[razerbotog]

0518.mp4

Here is the demo @saurabhsingh720 . Please checkout.

• User Experience is improved.

If there is any other requirements regarding this issue. Please let me know.

Changes made

• Made a reusable component.
• Declared a state using useState.

[razerbotog]

hey, @saurabhsingh720 Have you reviewed the above comment ?