Rename hoard- to ui- and add UI components

Mass rename of CSS classes, tokens and animations from the hoard- namespace to ui- (classes, variables like --ui-*, and keyframes). Introduces new UI components: EmptyState, StatusPill, and UserAvatar and updates admin views to import and use them. Updates many route/layout components and global.css to use the new ui- patterns and responsive variables. Also updates Impressum contact emails and adds .claude/settings.local.json to allow running npm scripts in the Claude local settings.

GUI/style.md

@@ -126,7 +126,7 @@ Modulare Skala in 4er-Schritten:
 --space-16: 64px
 ```
 
-Hauptseiten: `--hoard-page-width` 1120–1200px, Padding orientiert sich an `--space-6`/`--space-8`.
+Hauptseiten: `--ui-page-width` 1120–1200px, Padding orientiert sich an `--space-6`/`--space-8`.
 
 ## Formensprache (Border-Radien)
 - `--radius-xs`: 6px – kleine Pills, Status-Badges.
@@ -214,9 +214,9 @@ Regeln:
 - Hover: sehr subtile Primary-Tint-Tönung.
 - Selected Row: Primary-100 Hintergrund, `--color-primary-700` Text.
 - Border-Bottom in `--color-border-subtle`.
-- `hoard-list-row` (Datei-/Item-Zeilen): luftiges Padding, klare Spalten, `transform: translateX(2px)` beim Hover.
+- `ui-list-row` (Datei-/Item-Zeilen): luftiges Padding, klare Spalten, `transform: translateX(2px)` beim Hover.
 
-### Status-Pills (`hoard-status`)
+### Status-Pills (`ui-status`)
 - Kompakt, `--radius-xs`, mit dezentem Text/Background-Tint pro Status (Success/Info/Warning/Danger/Neutral).
 - Optional kleines Punktindikator-Dot vor dem Text.
 
@@ -227,11 +227,11 @@ Regeln:
 - Enter/Leave: 180 ms Fade + 10 px Y.
 
 ## Hero-/Marketing-Bereiche
-- Erlauben einen **ambient Verlauf** (`hoard-panel-gradient` + Variablen).
+- Erlauben einen **ambient Verlauf** (`ui-panel-gradient` + Variablen).
 - Optional dezenter „Spotlight"-Glow (radialer Verlauf, `--color-primary-300` mit niedriger Opazität, blur).
 - Inhaltsbreite max ~64ch.
 - Display-Headlines mit `--font-size-3xl` oder `--font-size-display` (nur Hero).
-- Hero-Tags (`hoard-chip`/`hoard-tag`) als kompakte, dezent gerahmte Pills.
+- Hero-Tags (`ui-chip`/`ui-tag`) als kompakte, dezent gerahmte Pills.
 
 ## Vorschau-Bereich (Files)
 - **PDF-Vorschau:** neutraler Hintergrund, weiße „Papier"-Fläche mit `--shadow-md`, genug Rand. Controls minimal.
@@ -268,7 +268,7 @@ Desktop ist Hauptfokus, Mobile muss aber sauber funktionieren.
 
 ### Immer
 - Tokens nutzen (Farben, Spacing, Radius, Shadow).
-- Patterns wiederverwenden (`hoard-panel`, `hoard-page`, `hoard-action-row`, `hoard-kicker`, `hoard-status`, `hoard-chip`, `hoard-spotlight`).
+- Patterns wiederverwenden (`ui-panel`, `ui-page`, `ui-action-row`, `ui-kicker`, `ui-status`, `ui-chip`, `ui-spotlight`).
 - Light- und Dark-Mode gleichwertig prüfen.
 - Animationen kurz halten und `prefers-reduced-motion` respektieren.