Rollen Chunk 5: Genehmigungs-Status mit Eigen-UI

src/components/DayDetailModal.test.tsx

@@ -68,6 +68,7 @@ test("shows holiday and vacation states", () => {
       startDate: "2026-10-03",
       endDate: "2026-10-03",
       dayFraction: "half",
+      status: "bestätigt" as const,
       units: 1,
     },
   });
@@ -89,6 +90,7 @@ test("shows the full range for multi-day vacation", () => {
       startDate: "2026-10-28",
       endDate: "2026-11-04",
       dayFraction: "full",
+      status: "bestätigt" as const,
       units: 12,
     },
   });
@@ -182,6 +184,7 @@ test("books vacation inline and notifies", async () => {
     startDate: "2026-10-13",
     endDate: "2026-10-13",
     dayFraction: "half",
+    status: "bestätigt" as const,
     units: 1,
   });
   const onBooked = vi.fn();
@@ -212,6 +215,7 @@ test("cancels a booked vacation after confirmation", async () => {
       startDate: "2026-10-13",
       endDate: "2026-10-13",
       dayFraction: "full",
+      status: "bestätigt" as const,
       units: 2,
     },
   });
@@ -231,6 +235,7 @@ test("aborts the cancellation", () => {
       startDate: "2026-10-13",
       endDate: "2026-10-13",
       dayFraction: "full",
+      status: "bestätigt" as const,
       units: 2,
     },
   });
@@ -251,6 +256,7 @@ test("shows cancellation errors inside the modal", async () => {
       startDate: "2026-10-13",
       endDate: "2026-10-13",
       dayFraction: "full",
+      status: "bestätigt" as const,
       units: 2,
     },
   });