refactor: Inline-Styles durch CSS-Klassen ersetzt

- 40+ Utility-Klassen in form.css (clickable, text-danger, flex-row, loading-state, etc.)
- share-menu position/z-index in chat.css statt inline
- index.html: 0 Inline-Styles (hidden-Attribut, CSS-Klassen)
- 12 JS-Dateien bereinigt: style.cssText/style.* durch classList ersetzt
- Bugfix: var(--danger) → var(--dangerous) (nicht existierende Variable)
- display:none Toggles → hidden-Attribut wo passend
- Hardcoded font-sizes in chat.css → var(--font-size)

15 Dateien, nur Frontend (CSS/JS/HTML), kein Backend

wwwroot/js/avatar-editor.js

@@ -55,7 +55,7 @@ var AvatarEditor = (function () {
     renderPreview();
 
     // Click → Modal öffnen
-    previewEl.style.cursor = 'pointer';
+    previewEl.classList.add('clickable');
     previewEl.addEventListener('click', openModal);
 
     // Paste Handler (global, immer aktiv)
@@ -326,7 +326,7 @@ var AvatarEditor = (function () {
           pasteHandler = null;
         }
         previewEl.removeEventListener('click', openModal);
-        previewEl.style.cursor = '';
+        previewEl.classList.remove('clickable');
       }
     };
   }