DEV - Implement Dashboard Design

[prooflesben]

Overview

In this ticket you will be implementing the Dashboard FIgma design. When implementing this keep in mind the cleanness of the code. In our frontend a lot of things are just hard coded as huge components so try to split up this component to smaller components. Along with our large files the file structure can be quite confusing so for all of the components you make for this implementation put them in the same folder with an adequate name saying they are for the settings page.

Also reminder to use the new frontend clean ups we have done like the color variables and sticking to tailwind.

Tasks

• Implement the dashboard design with the correct colors and spacing

Acceptance Criteria

• Design is fully implemented
• Components are neatly organized in a folder in an appropriate place in our current file structure