feat(ui): UI-005 begründete Einsatzbereitschaft + Dokumente in der Akte

Backend: objekt_readiness() in dashboard.py liefert Status+Gründe für
ein einzelnes Objekt, Fallunterscheidung aus einsatzbereitschaft()
extrahiert (_kategorie_und_gruende, keine Duplizierung). Neue Felder
an /akte/objekt/{id}. Frontend: ReadinessBadge + Gründeliste ersetzt
den rohen objekt.status-Badge (Objekt-Lebenszyklus-Status bleibt
separat sichtbar). Dokumente waren in der Akte bisher nur Text ohne
Interaktion - jetzt DokumentePanel eingebunden plus neuer "Ansehen"-
Klick (PDF/Bild im neuen Tab statt Zwangs-Download).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV

frontend/src/pages/AktePage.tsx

@@ -3,6 +3,9 @@ import { Link, useParams } from "react-router-dom";
 
 import { apiRequest } from "../api/client";
 import type { Akte } from "../api/types";
+import { DokumentePanel } from "../components/DokumentePanel";
+import { ReadinessBadge } from "../components/status/ReadinessBadge";
+import { GRUND_TEXT } from "../components/status/gruendeText";
 
 const MANGEL_PRIORITAET_LABEL: Record<string, string> = {
   niedrig: "Niedrig",
@@ -39,11 +42,20 @@ export function AktePage() {
         <div>
           <h1 style={{ marginBottom: "0.15rem" }}>{objekt.name}</h1>
           <div className="text-muted">
-            {objekt.code} · {akte.objekttyp_name}
+            {objekt.code} · {akte.objekttyp_name} · Objekt-Status: {objekt.status}
           </div>
         </div>
-        <span className="badge badge-neutral">{objekt.status}</span>
+        <ReadinessBadge status={akte.einsatzbereitschaft_status} />
       </div>
+      {akte.einsatzbereitschaft_gruende.length > 0 && (
+        <ul className="card-list" style={{ marginTop: "0.5rem" }}>
+          {akte.einsatzbereitschaft_gruende.map((g) => (
+            <li key={g} className="text-muted" style={{ fontSize: "0.9rem" }}>
+              • {GRUND_TEXT[g] ?? g}
+            </li>
+          ))}
+        </ul>
+      )}
 
       <div className="card" style={{ marginTop: "1rem" }}>
         <h3 style={{ marginTop: 0 }}>Stammdaten</h3>
@@ -118,16 +130,7 @@ export function AktePage() {
 
       <div className="card" style={{ marginTop: "1rem" }}>
         <h3 style={{ marginTop: 0 }}>Dokumente</h3>
-        {akte.dokumente.length === 0 && <p className="text-muted">Keine Dokumente hinterlegt.</p>}
-        {akte.dokumente.length > 0 && (
-          <ul>
-            {akte.dokumente.map((d) => (
-              <li key={d.id}>
-                {d.dateiname} <span className="text-muted">({Math.round(d.groesse_bytes / 1024)} KB)</span>
-              </li>
-            ))}
-          </ul>
-        )}
+        <DokumentePanel entitaetTyp="objekt" entitaetId={String(objekt.id)} onFehler={setFehler} />
       </div>
 
       <div className="card" style={{ marginTop: "1rem" }}>