fix: fixed navbar with color and hover effect

[Debjitpatra]

Title and Issue number

Title :Update Navbar Hover Effect for Enhanced UI

Issue No. :1680

Code Stack: 1689

Description

Changed the hover effect on navbar items to improve user interaction.

Video/Screenshots (mandatory)

Type of PR

• [ x] Bug fix
• [x ] Feature enhancement
• [ x] Documentation update
• Other (specify): _______________

Checklist:

• [ x] I have performed a self-review of my code.
• [ x] I have commented my code, particularly in hard-to-understand areas.
• [ x] I have tested the changes thoroughly before submitting this pull request.
• [x ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [x ] I have gone through the contributing.md file before contributing
• [x ] I have Starred the Repository.

Additional context:

##Are you contributing under any Open-source programme?

• [ x] I am contributing under KWOC 2024
• [x ] I am contributing under SWOC 2025

[github-actions]

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

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	a35fc90
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/6790c225e730d70008673654
😎 Deploy Preview	https://deploy-preview-1689--taupe-cendol-f7e2bb.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.