🐞 [BUG] - Hovering over Courses nav

[Vedantjn]

Description

When we over the courses nav link, it looks quite misaligned

Current behaviour

Same as above.

Expected behaviour

I will improve the alignment of the dropdown, and it's styling too.
After removing the cursor from the nav, the dropdown does'nt go away.
I have improved both the functionalities in my code, if you feel they have to be corrected do let me know, I'll make a PR.

Reproduction steps

1. Go to './components/common/Navbar.jsx'
2. Click on 'Navbar.jsx'
3. Scroll down to 'hoverCourses useState Hook', 'const handleCoursesHover, handleCoursesLeave'
4. See error

Screenshots

Logs

No response

Browsers

No response

OS

No response

Are you contributing for a program ?

GSSoC2023

Code of Conduct

• I have read and agree to the Contributing Guidelines of this project.

[github-actions]

Hello @Vedantjn!
Thank you for raising this issue.

Please make sure to follow our Contributing Guidelines. 💪🏻
Don't forget to ⭐ our Project-Amupedia. 📔

Our review team will carefully assess the issue and reach out to you soon! 😇
We appreciate your patience! 😀

[Ja3mamtora]

Go ahead @Vedantjn