Feat: Add Preloader

[AsmitaMishra24]

Describe the feature

Design and Appearance:

1. A simple and visually appealing animation.
2. Should match the overall design language of the application.
3. Customizable options for color, size, and style to fit different themes.

Functionality:

1. Should display during the loading of heavy components or data fetching processes.
2. Must cover the main content area that is being loaded.
3. Option to show the preloader globally (entire screen) or locally (specific component).

Performance:

1. Lightweight and optimized to prevent additional load times.
2. Should not interfere with the loading process of the main content.

Implementation:

1. Should be implemented as a reusable component.
2. Easy to integrate with different parts of the application.
3. Must include appropriate documentation for usage and customization.

Add ScreenShots

Record

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

[github-actions]

Congratulations, @AsmitaMishra24! 🎉 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!

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

[AsmitaMishra24]

I would like to work on this issue. Please assign me this task for GSSoC'24.

[github-actions]

Hello @AsmitaMishra24! Your issue #291 has been closed. Thank you for your contribution!