Adding a little hover effect on the icons present in the navbar.

[karishmaaa101]

Is your feature request related to a problem? Please describe.
The current navbar lacks visual feedback to indicate interaction with icons, which may diminish user experience and make navigation less intuitive.

Describe the solution you'd like
Implement a subtle hover effect on the icons in the navbar to provide visual feedback when users hover over them. This could include adding a slight animation to the icons.

Describe alternatives you've considered

• Adding a border or shadow effect to the icons on hover.

• Changing the background color of the navbar item containing the icon on hover.

• Adding a tooltip to provide additional information about the icon on hover.

Additional context
Including a hover effect can enhance user engagement and improve the overall user experience by making navigation more intuitive.
It's important to ensure that the hover effect is subtle and doesn't distract users from other elements on the page.

I am GSSOC'24 Contributor and I have followed all the guidelines.

[github-actions]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.