feat/ Navbar Dropdown Icon Misrotation and Fast Hover Animation

[CoderFleet]

Navbar Dropdown Icon Misrotation and Fast Hover Animation

Description
There are two issues with the navbar dropdown that impact the user experience:

1. Icon Rotation: The dropdown icon is misaligned by 180 degrees when unhovered. This makes the dropdown state unclear and affects visual consistency.
2. Hover Animation Speed: The animation speed for the dropdown on hover feels too fast, making the transition abrupt and potentially jarring for users.

Expected Behavior

• The dropdown icon should be correctly aligned when unhovered, with no unexpected rotation.
• The hover animation should be slowed slightly to create a smoother and more visually appealing transition.

Steps to Reproduce

1. Navigate to the navbar.
2. Hover over the dropdown menu and observe the initial icon rotation and animation speed.

Suggested Fixes

• Adjust the icon rotation to correct the misalignment.
• Decrease the animation speed slightly to create a smoother transition effect.

Screenshots
Un-Hovered (Currently)

How it should've been

(This is just an example I will match it will current styling)

[github-actions[bot]]

👋 Hey @CoderFleet! Thanks for opening this issue and helping us improve.
We appreciate your input, and our team will review this soon.
Stay tuned for updates, and feel free to share any further details you think might help!

[CoderFleet]

@shivamyadavrgipt Hi! can you assign this to me