Added elegent hover effect to navbar buttons

[SnehaGupta0]

Title and Issue number

Title : Adding hover effect in navbar buttons

Issue No. : #1852

Code Stack :

Close #<1852>

Screen.Recording.2025-10-19.072658.mp4

Description

Video/Screenshots (mandatory)

Added elegant hover effect to navbar buttons:

• Slight bubble/pop on hover
• Smooth gradient color transition
• Works only for navbar buttons

Checklist:

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

Additional context:

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

• I am contributing under APERTRE 2025
• I am contributing under CODEPEAK 2025

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	a88caae
🔍 Latest deploy log	https://app.netlify.com/projects/taupe-cendol-f7e2bb/deploys/68f445f8a1d102000831c1f2
😎 Deploy Preview	https://deploy-preview-1881--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 project configuration.

[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! 😊