Fix: /dashboard 500 – buttonCls aus Client-Modul herausgelöst

Server-Komponenten (Dashboard, Aufträge, Suche, Checklisten, Auftragsdetail) riefen
buttonCls() aus einem "use client"-Modul auf; das bricht zur Laufzeit (gemeldet von L8).
Neu: src/components/work-orders/button-cls.ts (server-sicher), action-form re-exportiert.

Nachweis: authentifizierter HTTP-Smoke (Backoffice 13 Seiten, Monteur 6 Seiten) alle 200,
/dashboard vorher 500. tsc/lint grün.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/app/(app)/dashboard/page.tsx

@@ -16,7 +16,7 @@ import {
   type LucideIcon,
 } from "lucide-react";
 import { PageHead } from "@/components/mockup-ui";
-import { buttonCls } from "@/components/work-orders/action-form";
+import { buttonCls } from "@/components/work-orders/button-cls";
 import { pageContext } from "@/components/work-orders/page-context";
 import { Field, inputCls } from "@/components/work-orders/ui";
 import { isoDay, parseListParams, toQuery, type Preset } from "@/lib/work-orders/filters";

src/app/(app)/search/page.tsx

@@ -2,7 +2,7 @@ import Link from "next/link";
 import { getTranslations } from "next-intl/server";
 import { Search } from "lucide-react";
 import { PageHead } from "@/components/mockup-ui";
-import { buttonCls } from "@/components/work-orders/action-form";
+import { buttonCls } from "@/components/work-orders/button-cls";
 import { pageContext } from "@/components/work-orders/page-context";
 import { Empty, Field, inputCls, Section, StatusBadge } from "@/components/work-orders/ui";
 import { isoDay, parseListParams } from "@/lib/work-orders/filters";

src/app/(app)/settings/checklists/page.tsx

@@ -4,7 +4,8 @@ import { z } from "zod";
 import { Plus } from "lucide-react";
 import { PageHead, Pill } from "@/components/mockup-ui";
 import { Modal } from "@/components/modal";
-import { ActionForm, buttonCls } from "@/components/work-orders/action-form";
+import { ActionForm } from "@/components/work-orders/action-form";
+import { buttonCls } from "@/components/work-orders/button-cls";
 import { SettingsTemplatesNav, templatesPageContext } from "@/components/work-orders/settings-nav";
 import { Check, Empty, Field, inputCls, Section } from "@/components/work-orders/ui";
 import { DEFAULT_CHECKLIST_ITEMS, DEFAULT_REQUIRED_PHOTOS } from "@/lib/work-orders/defaults";

src/app/(app)/work-orders/[id]/page.tsx

@@ -3,7 +3,8 @@ import { notFound } from "next/navigation";
 import { getTranslations } from "next-intl/server";
 import { ArrowLeft, Pencil, Siren, UsersRound } from "lucide-react";
 import { Modal } from "@/components/modal";
-import { ActionForm, buttonCls } from "@/components/work-orders/action-form";
+import { ActionForm } from "@/components/work-orders/action-form";
+import { buttonCls } from "@/components/work-orders/button-cls";
 import {
   ChecklistTab,
   DocumentsTab,

src/app/(app)/work-orders/page.tsx

@@ -3,7 +3,8 @@ import { getTranslations } from "next-intl/server";
 import { LayoutGrid, Plus, RefreshCw, Rows3, X } from "lucide-react";
 import { PageHead } from "@/components/mockup-ui";
 import { Modal } from "@/components/modal";
-import { ActionForm, buttonCls } from "@/components/work-orders/action-form";
+import { ActionForm } from "@/components/work-orders/action-form";
+import { buttonCls } from "@/components/work-orders/button-cls";
 import { pageContext } from "@/components/work-orders/page-context";
 import { Empty, Field, GroupIcon, inputCls, LinkTabs } from "@/components/work-orders/ui";
 import { WorkOrderFields } from "@/components/work-orders/work-order-fields";