Implement design system in Tailwind and NavWrapper

Context

To aid in the development of the frontend side of our application, we would like to implement our Design System in the TailwindCSS config.

This PR implements the color system defined on the aforementioned link into our Tailwind config in order to make it easier for us to develop Hyper.

How can I use this?

For example, if you want to implement a component that has the background color Base/2 on Figma, you can use the CSS className "bg-base-2" to apply it when coding the JSX template.

This also applies for all color types, including text color, border color, etc.

What else is implemented ono this PR?

This PR also implements the main NavWrapper used for the Hyper app. The NavWrapper is applied on the app level, so all routes will now have the Navigation Sidebar shown by default.