Style the Scrollbar to Match the Overall Theme

[AyushiChopra02]

The application currently features a default scrollbar that does not align with the overall aesthetic and theme of the website. Customizing the scrollbar can significantly enhance the user experience and provide a cohesive look across all components.

To implement this, we can use CSS to style the scrollbar, adjusting its width, color, and background to match the website's theme. This will involve using the ::-webkit-scrollbar pseudo-element for WebKit browsers and ensuring compatibility with other browsers through appropriate fallbacks.

Please assign this issue to me for Hacktoberfest 2024. Implementing this feature will improve the visual consistency of the application and create a more polished user interface.

[github-actions[bot]]

Thank you for creating this issue! 🎉 Your issue will soon be reviewed by Project Maintainers. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[github-actions[bot]]

Thanks for creating the issue in WildGuard! Before you start working on your PR, please make sure to:

• ⭐ Star the repository if you haven't already.
• Pull the latest changes to avoid any merge conflicts.

• Attach before & after screenshots in your PR for clarity.

  • Include the issue number in your PR description for better tracking. Don't forget to follow @anuragverma108 – Project Maintainer – for more updates!

  We're excited to see your contribution as part of Hacktoberfest 2024! 🎉
  Happy open-source contributing!

[AyushiChopra02]

@anuragverma108 plz assign me this issue