Move month close workflow

frontend/src/App.tsx

@@ -1,6 +1,7 @@
 import {
   BarChart3,
   CheckCircle2,
+  ClipboardCheck,
   Command,
   ChartNoAxesCombined,
   LayoutGrid,
@@ -56,6 +57,7 @@ import { activeElapsedMs, pauseEntry, readStoredTimers, resumeEntry, storageKeyF
 import { AdminUsersPage } from "./views/AdminUsersPage";
 import { AnalysisPage } from "./views/AnalysisPage";
 import { LoginPage } from "./views/LoginPage";
+import { MonthlyClosePage } from "./views/MonthlyClosePage";
 import { ProfilePage } from "./views/ProfilePage";
 import { RecurringBillingsPage } from "./views/RecurringBillingsPage";
 import { StatisticsPage } from "./views/StatisticsPage";
@@ -95,6 +97,10 @@ function routeFromPath(pathname: string) {
     return { page: "statistics" as const };
   }
 
+  if (pathname.startsWith("/monthly-close")) {
+    return { page: "monthly-close" as const };
+  }
+
   if (pathname.startsWith("/recurring")) {
     return { page: "recurring" as const };
   }
@@ -507,6 +513,7 @@ export function App() {
   const navItems = [
     { href: "/timer", label: "Timer", icon: Timer, active: path.startsWith("/timer") || path === "/" },
     { href: "/analysis", label: "Auswertung", icon: BarChart3, active: path.startsWith("/analysis") },
+    { href: "/monthly-close", label: "Monatsabschluss", icon: ClipboardCheck, active: path.startsWith("/monthly-close") },
     { href: "/statistics", label: "Statistiken", icon: ChartNoAxesCombined, active: path.startsWith("/statistics") },
     { href: "/recurring", label: "Fixe Abrechnung", icon: Repeat, active: path.startsWith("/recurring") },
     { href: "/profile", label: "Profil", icon: UserCog, active: path.startsWith("/profile") },
@@ -595,7 +602,7 @@ export function App() {
               <CheckCircle2 className="size-4 text-muted-foreground" />
               Abschluss
             </div>
-            <p className="text-muted-foreground">Offene Sessions findest du in Tages- und Monatsansicht.</p>
+            <p className="text-muted-foreground">Offene Bewertungen findest du im Monatsabschluss.</p>
           </div>
           <SidebarMenu>
             <SidebarMenuItem>
@@ -692,6 +699,7 @@ export function App() {
               />
             ) : null}
             {route.page === "analysis" ? <AnalysisPage onNavigate={navigate} /> : null}
+            {route.page === "monthly-close" ? <MonthlyClosePage onNavigate={navigate} /> : null}
             {route.page === "statistics" ? <StatisticsPage onNavigate={navigate} /> : null}
             {route.page === "recurring" ? <RecurringBillingsPage /> : null}
             {route.page === "profile" ? <ProfilePage currentUser={currentUser} onUserUpdated={setCurrentUser} /> : null}