Fix Blocky Hover Effect on Navbar Links for Smoother UI

[citruswhale]

Description:
Hovering over any link in the navbar results in an unattractive blocky appearance that disrupts the UI's smooth design flow.

Proposed Solution:
I propose the following modifications to the CSS hover effect across all navbar links to ensure a more seamless transition:

• Adjust or remove the background and border styling;
• Change the text colour to a more prominent colour when hovered over;
• Create an underline effect when hovered over.
  The above changes would create a cleaner, more polished hover effect.

Issue:

Proposed solution:

[DeeptejD]

assign this to me, please add the hacktoberfest-accepted label