Fix Navbar Design and Add Burger Menu for Mobile

[Zino0031]

Task title
Fix Navbar Design and Add Burger Menu for Mobile

Task description
Enhance the design of the navigation bar and implement a burger menu for mobile devices. This improvement will make the navigation bar more visually appealing and user-friendly on smaller screens.

Subtasks

• Review the current navbar design and identify specific areas that need improvement
• Redesign the navbar for a more visually pleasing and responsive layout
• Develop and integrate a burger menu for mobile devices
• Ensure smooth transitions and animations for opening and closing the burger menu
• Test the navigation bar on various devices, particularly on mobile, to confirm the changes

Screenshots

Link to the component on Figma
https://www.figma.com/file/hhlhVG4NPMRH8VfwE17MkO/capstone-team-library?type=design&node-id=2426-4592&mode=design&t=wcLdkbXzQT4GgZkL-0