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/src/routes/Forbidden.vue

@@ -47,15 +47,15 @@ onMounted(() => {
 </script>
 
 <template>
-  <v-container fluid class="forbidden-page hoard-page hoard-page--centered">
-    <section class="forbidden-shell hoard-panel hoard-panel-gradient hoard-spotlight">
+  <v-container fluid class="forbidden-page ui-page ui-page--centered">
+    <section class="forbidden-shell ui-panel ui-panel-gradient ui-spotlight">
       <div class="forbidden-icon">
         <span class="forbidden-icon__halo" aria-hidden="true" />
         <v-icon icon="mdi-shield-alert-outline" size="40" />
       </div>
 
       <header class="forbidden-head">
-        <p class="hoard-kicker hoard-kicker--wide">Fehlende Berechtigung</p>
+        <p class="ui-kicker ui-kicker--wide">Fehlende Berechtigung</p>
         <h1>Kein Zugriff.</h1>
         <p>
           Dein Konto hat aktuell keine ausreichende Rolle, um diese Seite zu sehen. Falls das ein Fehler ist,
@@ -63,7 +63,7 @@ onMounted(() => {
         </p>
       </header>
 
-      <div class="forbidden-actions hoard-action-row">
+      <div class="forbidden-actions ui-action-row">
         <v-btn
           variant="elevated"
           :prepend-icon="primaryActionIcon"
@@ -83,14 +83,14 @@ onMounted(() => {
 
 <style scoped>
 .forbidden-page {
-  --hoard-centered-offset: 200px;
+  --ui-centered-offset: 200px;
 }
 
 .forbidden-shell {
-  --hoard-gradient-angle: 130deg;
-  --hoard-gradient-start: color-mix(in srgb, var(--color-warning) 14%, var(--color-surface) 86%);
-  --hoard-gradient-end: var(--color-surface);
-  --hoard-gradient-end-stop: 65%;
+  --ui-gradient-angle: 130deg;
+  --ui-gradient-start: color-mix(in srgb, var(--color-warning) 14%, var(--color-surface) 86%);
+  --ui-gradient-end: var(--color-surface);
+  --ui-gradient-end-stop: 65%;
 
   display: flex;
   flex-direction: column;
@@ -152,7 +152,7 @@ onMounted(() => {
 
 @media (prefers-reduced-motion: no-preference) {
   .forbidden-shell {
-    animation: hoard-soft-enter 280ms both;
+    animation: ui-soft-enter 280ms both;
   }
 }