Responsive design SCSS

[noctera]

Status	Type
✔️ Ready	Refactor

Description

In this new review I have made the frontend responsive, but now with SCSS.

Things to do:

• Make guide responsive
• Nav animation (maybe)
• Carousel for SelectionScreen
• Logout button not working in MobileTopNav

Motivation and Context

Width this PR the frontend can be used on mobile devices properly.

Screenshots / GIFs (if appropriate):

Checklist

• I have read the CONTRIBUTING document.
• I have considered the accessibility of my changes (i.e. did I add proper content descriptions to images, or run my changes with talkback enabled?)
• I have documented my code if needed

Resolves

[luwol03]

1. • Can we improve the color which is used for all of these texts so that they also work for the dark theme? 2.
   • Can we make the hovered element in a slightly lighter color than the active one?
   • How about making the menu items round and a bit spacing between each items
   
2. Cannot scroll on register/login - not able to press the signup button, because it is out of view
3. Can you please fix the linter

[luwol03]

can we add a maxwidth for the modals on very large screens?