Adds department view to calendar application

Introduces department-level grouping and rendering in the calendar view

Extends the application to support:
- Department-based resource filtering
- Dynamic department header rendering
- Mock department data infrastructure

Enables more granular organizational views

wwwroot/css/v2/calendar-v2-layout.css

@@ -175,11 +175,18 @@ swp-calendar-header {
     > swp-resource-header { grid-row: 2; }
     > swp-day-header { grid-row: 3; }
   }
+
+  &[data-levels="department resource date"] {
+    > swp-department-header { grid-row: 1; }
+    > swp-resource-header { grid-row: 2; }
+    > swp-day-header { grid-row: 3; }
+  }
 }
 
 swp-day-header,
 swp-resource-header,
-swp-team-header {
+swp-team-header,
+swp-department-header {
   padding: 8px;
   text-align: center;
   border-right: 1px solid var(--color-border);
@@ -194,6 +201,13 @@ swp-team-header {
   grid-column: span var(--team-cols, 1);
 }
 
+swp-department-header {
+  background: var(--color-team-bg);
+  color: var(--color-team-text);
+  font-weight: 500;
+  grid-column: span var(--department-cols, 1);
+}
+
 swp-resource-header {
   background: var(--color-background-alt);
   font-size: 13px;

wwwroot/data/mock-departments.json

@@ -0,0 +1,14 @@
+[
+  {
+    "id": "dept-styling",
+    "name": "Styling",
+    "resourceIds": ["EMP001", "EMP002", "EMP003"],
+    "syncStatus": "synced"
+  },
+  {
+    "id": "dept-training",
+    "name": "Training",
+    "resourceIds": ["EMP004", "STUDENT001", "STUDENT002"],
+    "syncStatus": "synced"
+  }
+]

wwwroot/v2.html

@@ -14,6 +14,7 @@
         <swp-nav-button id="btn-simple">Datoer</swp-nav-button>
         <swp-nav-button id="btn-resource">Resources</swp-nav-button>
         <swp-nav-button id="btn-team">Teams</swp-nav-button>
+        <swp-nav-button id="btn-department">Departments</swp-nav-button>
         <swp-week-info>
           <swp-week-number>V2</swp-week-number>
           <swp-date-range id="view-info"></swp-date-range>