### Check for existing issues

- [x] I have searched the existing issues and checked that my issue is not a duplicate.

### What happened?

When I clicked around in the sidebar of the dashboard I noticed how little consistency there is between the pages, even within the same section:

### Differences between headings:

#### H1 heading: <img width="1241" height="585" alt="Image" src="https://github.com/user-attachments/assets/c14cf2e4-50bc-42a5-8959-fc62d7777c54" />

#### Styled div: <img width="1241" height="585" alt="Image" src="https://github.com/user-attachments/assets/02c33a78-e5d2-4159-bffd-99905c02a2cb" />

####H3 heading: <img width="1241" height="585" alt="Image" src="https://github.com/user-attachments/assets/cfdebf70-4fc4-4f6c-8d93-71f33604a329" />

### Differences between tab styling:

<img width="818" height="203" alt="Image" src="https://github.com/user-attachments/assets/2dd54362-646c-4740-a671-593ea9bd8a11" />

<img width="818" height="203" alt="Image" src="https://github.com/user-attachments/assets/d388c8b4-fe02-4ce0-b48e-c13db7ae7717" />

### Difference in padding of the page:

#### Small spacing: <img width="597" height="278" alt="Image" src="https://github.com/u…