Enhance Navbar Design and Responsiveness

Description:
The current navbar works but has some UI/UX limitations. It can be improved to look cleaner, more professional, and mobile-friendly.

📌 Proposed Improvements

Responsive Behavior

Navbar should collapse into a hamburger menu on smaller screens.

Smooth transition when opening/closing the menu.

Visual Enhancements

Adjust spacing between nav links for better readability.

Add hover and active states (highlight current page).

Ensure navbar background remains consistent across pages.

Features to Add

Brand/Logo placement on the left (with consistent alignment).

Fix duplicate/misaligned nav items .