[FEATURE] Add hamburger menu for mobile devices

[mjbramich]

Description

Implement a hamburger menu on smaller devices. Currently just have a navbar across all devices and screen sizes but a hamburger menu would be more user friendly

Proposed Solution (for features)

Utilize a responsive design approach to introduce a hamburger menu for smaller devices. This can involve the use of media queries and JavaScript to toggle the menu's visibility.

Tasks (optional)

• Design the hamburger icon and menu structure.
• Implement responsive CSS styles using media queries.
• Integrate JavaScript functionality to toggle the menu.
• Test the hamburger menu on various smaller devices.
• Ensure the accessibility of the hamburger menu for screen readers.
• Consider and implement any animations or transitions for a smooth user experience.

Related Issues or PRs (optional)