[Issue]: Implement dashboard skeleton on the frontend

[RenaudBernier]

Branch Name

feature/51-dashboard-layout

Task

Implement the dashboard skeleton as seen in the design. Tabs themselves don't need to be implemented.

• Implement our colour scheme in globals.css
• Implement the sidebar
• Implement the logout component on the top right
• Sidebar and logout component as well as the rest of the skeleton should all be in app/dashboard/layout.tsx
• For the overview, services, users, payments and memberships tabs, create dummy files using app/dashboard/[tab-name]/page.tsx. For now, they can show simply a test message, they will be implemented later.

Acceptance Criteria

• Once logged in, the admin sees the dashboard skeleton with sidebar and logout components
• When a tab is selected on the sidebar, user sees the tab's test content as implemented in its app/dashboard/[tab-name]/page.tsx
• Also test styling when hovering and clicking buttons. Make sure that they match the design

Checklist

• I have checked for duplicate issues.
• I have assigned the issue to the correct project board.
• I have tagged the issue properly.

Code of Conduct

• I agree to follow this project's Code of Conduct