Added Preloader

[AsmitaMishra24]

Related Issue

528

Description

Changes made:-

1. HTML: Added
   for the preloader content.
2. CSS: Styled #preloader for positioning and appearance.
3. JavaScript: Created hidePreloader() to hide the preloader and restore scrolling after a delay.
4. Integration: Linked preloader.js to control preloader behavior.

Type of PR

• [ ] Bug fix
• [X] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Screenshots / Videos (if applicable)

https://github.com/piug-07/blogzen-OpenSource/assets/146121869/5f2b2b70-898c-4a84-b61d-62601c3f053b

Checklist:

• [X] I have performed a self-review of my code.
• [X] I have read and followed the Contribution Guidelines outlined in the project's documentation.
• [X] I have thoroughly tested the changes before submitting this pull request.
• [X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [X] I have commented my code, particularly in hard-to-understand areas.

[github-actions[bot]]

Excellent work🚀🚀, @AsmitaMishra24! Thank you for submitting your pull request. Your contribution is valuable, and we appreciate your efforts to improve our project. We will review your changes promptly and provide feedback. Keep up the excellent work! Please remember to check our documentation and guidelines.

[netlify[bot]]

✅ Deploy Preview for blogzen-opensource ready!

Name	Link
🔨 Latest commit	bb1a7e5fa7a9dc16ad27c6fd4b4fce429b2d3691
🔍 Latest deploy log	https://app.netlify.com/sites/blogzen-opensource/deploys/66720a57bc972b00081b3488
😎 Deploy Preview	https://deploy-preview-612--blogzen-opensource.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[AsmitaMishra24]

@piug-07, please review the PR

[AsmitaMishra24]

@piug-07, please review the PR

[AsmitaMishra24]

@piug-07, please review the PR