Add "Preloader" to All Pages (excluding Homepage)

[MastanSayyad]

Description

Hey @aditya-bhaumik @sk66641

• issue fixes 💡[Feature]: Add Preloader to All Pages (excluding Homepage) #563

I have added a preloader integrated with a load of percentage to all pages (excluding homepages)

• Added Preloaer which is a gradient of spinner #ff2d15, #be18ff, #0d3dff
• Integrated loader with Percentage indicator: 0% to 100% | Color gradient of #be18ff, #ffffff
• Added logic to display the preloader and update the loading percentage.
• Ensured the preloader hides and the content displays once loading is complete.
• Integrated in all pages
• Positioned in the center with z-index: 9999; to ensure it stays above.

Preloader.mp4

Type of change

• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[MastanSayyad]

Hey @aditya-bhaumik pls review this PR

[aditya-bhaumik]

@MastanSayyad i will review by the end of the day as this update is big i will have to check it in my local machine first

[aditya-bhaumik]

@MastanSayyad till then you can create another issue and start working on it

[MastanSayyad]

@aditya-bhaumik as per the changes can the level increase!

[aditya-bhaumik]

@MastanSayyad sure done