[FEAT] - Nav menu overlay

[Invalid8]

Is your feature request related to a problem? Please describe.

I'm always frustrated when using the mobile version of the website because the current navbar appears as a box that does not fit the sides of the screen properly. This results in a cluttered and disorganized appearance of the content, making it difficult for users to navigate effectively.

Describe the solution you'd like

I propose implementing a responsive overlay navbar menu for the mobile version of the website. This solution would involve:

• Full-Screen Overlay: When the navbar is activated, it would cover the entire screen, providing a clear and focused navigation experience.

• Responsive Design: The overlay should be designed to adapt smoothly to various screen sizes, ensuring that it looks good on all mobile devices.

• Smooth Transitions: Incorporating smooth opening and closing animations for the navbar to enhance the user experience.

• Accessible Navigation Options: Clearly organized links that are easy to tap, allowing users to navigate through the site without any confusion.

• Close Button: An easily identifiable close button to allow users to dismiss the overlay and return to the main content seamlessly.

By implementing this overlay navbar menu, we can improve user navigation, create a cleaner aesthetic, and enhance overall usability for mobile visitors.

Additional context