Add custom scrollbar styling for better UI/UX #421

[akshay0712-dev]

🚀 Pull Request

Description
This pull request introduces custom scrollbar styling to enhance the visual appeal and user experience of the website. The scrollbar is now styled with a modern, rounded design and uses color changes on hover to improve usability and aesthetics.

---

Related Issue
Close #421

---

Type of Change
What kind of change does this pull request introduce?

• 🐛 Bug fix
• [ ✓] 🚀 New feature
• 📄 Documentation update
• 🛠️ Code improvement/refactor
• [✓] 🖼️ UI/UX update
• Other (please specify)

---

Screenshots (if applicable)
Before:
Default system scrollbar with no custom styling.

After:
Custom styled scrollbar with a blue thumb and rounded edges.

---

Checklist
Please ensure the following tasks are complete before submitting the pull request:

• [✓] I have tested my changes and ensured they work as expected.
• [✓] I have added any necessary documentation or comments.
• [✓] I have checked the existing issues and pull requests to avoid duplicates.
• [✓] I have starred this repository.
• [✓] I have reviewed my code for best practices and readability.
• [ ✓] I have included any relevant tests (if applicable).

---

Additional Context
This custom scrollbar is supported in modern browsers (Chrome, Edge, Safari, Firefox). The feature enhances UI consistency and provides a smoother interaction experience.

[netlify]

✅ Deploy Preview for visionary-fenglisu-db1b1d ready!

Name	Link
🔨 Latest commit	056828b
🔍 Latest deploy log	https://app.netlify.com/sites/visionary-fenglisu-db1b1d/deploys/6713d573dc4c840008f34e81
😎 Deploy Preview	https://deploy-preview-422--visionary-fenglisu-db1b1d.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.