Responsive design

[noctera]

Status	Type
:x: Hold	Refactor

Description

In this PR I have rewritten most of the scss code to Tailwindcss, the new css framework we are using from now on. In addition to that I will make the whole frontend responsive in order to use it on mobile devices.

Motivation and Context

Screenshots / GIFs (if appropriate):

More Images

Checklist

• [x] I have read the CONTRIBUTING document.
• [x] 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?)
• [x] I have documented my code if needed

Resolves

[noctera]

We decided to leave Tailwindcss out of Vocascan, despite the costly conversion, and continue to rely on SCSS. I will close this PR here and copy the responsive design css code to a new branch and PR over time.