Refactor Navbar component and CSS

[harjasae2001]

Title and Issue number

Title: Add Hover function to the nav var.

Issue No.: #147

Close #147

---

Screenshots/Video (mandatory)

26.10.2024_20.06.11_REC.mp4

---

Checklist:

• I have mentioned the issue number in my Pull Request.
• I have commented my code, particularly in hard-to-understand areas.
• I have created a helpful and easy-to-understand README.md if it's a new page/tech stack.
• I have gone through the contributing.md file before contributing.

Additional context (Mandatory):

• Update the className in the Navbar component to include the "menu2" class for styling.
• Modify the CSS in Navbar.css to add a new menu style with hover effects.

Are you contributing under any Open-source programme?

• I'm a GSSOC-EXT contributor
• I'm a HACKTOBERFEST contributor

[netlify]

👷 Deploy request for bitbox-in accepted.

Name	Link
🔨 Latest commit	e8c220e
🔍 Latest deploy log	https://app.netlify.com/sites/bitbox-in/deploys/671cfec9c9e73d0008986312

[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 chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[Anuj3553]

Well done @harjasae2001

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #271 has been merged! 🎉🎉