Is your feature request related to a problem? Please describe.
Currently, the nav bar is using material UI but we would like to move out of material UI ecosystem. The navbar is not quite responsive, especially on mobile and tablet views.
Describe the solution you'd like
It is best to rewrite it using styled components as this is our preferred choice for CSS. Tablet and mobile view should also be added and the navbar should be responsive.
Tasks
Rewrite using styled-components
[ ] Make mobile view navbar (3 dots)
[ ] Navbar looks strange on bigger screens/high resolution (shadow can be an issue here)
Describe alternatives you've considered
Alternatives in terms of technology could be CSS modules and Tailwind CSS.
Is your feature request related to a problem? Please describe. Currently, the nav bar is using material UI but we would like to move out of material UI ecosystem. The navbar is not quite responsive, especially on mobile and tablet views.
Describe the solution you'd like It is best to rewrite it using styled components as this is our preferred choice for CSS. Tablet and mobile view should also be added and the navbar should be responsive.
Tasks
Describe alternatives you've considered Alternatives in terms of technology could be CSS modules and Tailwind CSS.