[FEAT] - Nav menu overlay

## 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