L4 Einsatz mobil: Mobile Shell und Einsatz-Oberfläche

- /m in eigene Route-Group (field)/m verschoben (emergency-Platzhalter mit),
  Zugriffsprüfungen aus (app)/layout.tsx nach server/app-access.ts extrahiert
  und von Backoffice- und Mobile-Shell gemeinsam genutzt
- Mobile Shell mit Bottom-Nav (Heute · Aufträge · Notdienst · Sync · Profil)
  und Online/Offline-Badge; Startseite rollenabhängig (Feldrollen → /m),
  Login-Default-Redirect auf /
- Heute, Auftragsliste mit Tabs, Auftragsdetail mit einer Primäraktion je
  Zustand, Unterseiten Fotos (Kamera, Kompression, Upload-Fortschritt),
  Notizen + Sprachaufnahme, Material mit Stepper, Checkliste, Zeiten mit
  Korrektur, Profil; Sync-Platzhalter für L7
- Client-Wrapper submitOp (lib/field/client-ops.ts), Upload mit Fortschritt,
  Bildkompression, Formatierung; Texte in messages/{de,en}/field.json

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

src/app/(field)/m/sync/page.tsx

@@ -0,0 +1,23 @@
+import { getTranslations } from "next-intl/server";
+import { OnlineBadge } from "@/components/field/online-badge";
+import { card } from "@/components/field/ui";
+
+/**
+ * PLACEHOLDER (lane L4) — `/m/sync` belongs to lane L7 (Offline/PWA), which replaces this page
+ * with the outbox status, errors and conflicts. Until then it shows the connection state and that
+ * ops are sent immediately (src/lib/field/client-ops.ts).
+ */
+export default async function SyncPlaceholderPage() {
+  const t = await getTranslations("field.sync");
+  return (
+    <main className="space-y-4 p-4">
+      <h1 className="text-[26px]">{t("title")}</h1>
+      <section className={`${card} space-y-3`}>
+        <p className="text-[13px] font-semibold text-muted-foreground">{t("status")}</p>
+        <OnlineBadge large />
+        <p className="text-[15px]">{t("immediate")}</p>
+        <p className="text-[14px] text-muted-foreground">{t("offlineHint")}</p>
+      </section>
+    </main>
+  );
+}