hover effect added on navbar

[heli0707]

Related Issue : #190

Description

The hover effect on the .nav-opt elements within the .navbar-nav class changes the background color to green, the text color to white, and the border color to green when the user hovers over them.

This provides a visual indication of interactivity and enhances the user experience.

Type of PR

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

Screenshots / videos (if applicable)

hover_petari.mp4

Checklist:

• I have performed a self-review of my code
• I have read and followed the Contribution Guidelines.
• 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 commented on my code, particularly in hard-to-understand areas.

CLOSE ISSUE : #190

[github-actions]

Great job, @heli0707! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[heli0707]

@Sahil1786 please review PR and merge it