User Panel: Phase-8-Abschluss, Titelbild/Lizenzen/Zeitzonen und KI-Pruef-Pipeline

Phase 8 (Rest) + Umbauten vom 10./11.06.:
- Ein Titelbild pro PM (Cover 1280x580), SVG-Platzhalter-Set + Picker,
  PressReleaseCoverImage-Resolver
- Lizenz-/Rechteformular nach "Lizenztyp Bildupload" (7 Lizenztypen,
  Personen-/Sachrechte-Status, bedingte Pflichtfelder, Risikohinweise)
- Veroeffentlichungs-Box vereinfacht (Embargo aus der Form-UI entfernt),
  geplante Termine in Europe/Berlin (Speicherung UTC, DISPLAY_TIMEZONE)
- Quota-Stub (users.press_release_quota) + monatlicher Reset-Command
- Einreichungs-Modal einheitlich in Show/Create/Edit; Ghost-Buttons auf
  filled; PM-Editor-Layout responsive entkoppelt (.pr-editor-layout)

KI-Pruef-Pipeline (Phasen 1-5 des Entwicklungsplans):
- API-Haertung: status nicht mehr per API setzbar, eigene Submit-Route
  durch denselben Funnel (Blacklist, Quota, Status-Log)
- Klassifikation Rot/Gelb/Gruen asynchron (Queue classification,
  OpenAI-Treiber + deterministischer Fallback), ki_audits-Audit-Log
- Routing: Rot -> rejected + Mail, Gelb -> Review-Queue, Gruen ->
  Auto-Publish; Scheduler publiziert nur gruene faellige PMs
- Content-Score 0-100 -> Stufe (Standard/Geprueft/Hochwertig) inkl.
  Editor-Panel und Badges; Re-Klassifikation/-Score bei Aenderung
- Admin: KI-Badge + Filter, On-Demand-Pruefung mit Anbieter-Override

Suite: 442 passed, 4 skipped.

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

resources/css/shared/hub-components.css

@@ -1151,6 +1151,31 @@
  * Tag-Chips und Portal-/Veröffentlichungs-Optionen verwendet.
  */
 @layer components {
+    /* Container-Query-Kontext: Das zweispaltige Editor-Layout richtet sich
+       nach dem real verfügbaren Inhaltsbereich, nicht nach dem Viewport.
+       So rutschen die rechten Cards automatisch nach unten, sobald die
+       Sidebar offen ist und der Platz knapp wird — unabhängig davon, bei
+       welcher Viewport-Breite die Sidebar gerade ein- oder ausfährt. */
+    .pr-editor-shell {
+        container-type: inline-size;
+        container-name: pr-editor;
+    }
+
+    .pr-editor-layout {
+        grid-template-columns: minmax(0, 1fr);
+    }
+
+    @container pr-editor (min-width: 960px) {
+        .pr-editor-layout {
+            grid-template-columns: minmax(0, 1fr) 360px;
+        }
+
+        .pr-editor-side {
+            position: sticky;
+            top: 1rem;
+        }
+    }
+
     .pr-form-label {
         display: flex;
         align-items: center;