Session 2026-04-20: Medien-Konvertierung, Umami Analytics, Username/Privacy

- HEIC→JPEG, MOV/AVI→MP4 Konvertierung bei allen Upload-Endpoints (media_utils.py)
- ffmpeg im Docker-Image, Video-Thumbnails (extract_video_thumb, poster-Attribut)
- Google Analytics entfernt, Umami self-hosted eingebunden (index.html, datenschutz.js)
- Admin-Panel Analytics-Tab: Stat-Cards, Sparkline 7 Tage, Top-Seiten (Umami-API-Proxy)
- Admin-Panel Tab-Icons korrigiert (aus vorhandenem Phosphor-Sprite)
- users.real_name Spalte: Username öffentlich, echter Name privat und optional
- Registrierung: Label "Benutzername", Leerzeichen verboten, Profanity-Blockliste
- Datenschutzerklärung: GA-Abschnitt durch Umami-Text ersetzt

backend/static/js/pages/settings.js

@@ -429,6 +429,13 @@ window.Page_settings = (() => {
         title: 'Profil bearbeiten',
         body: `
           <form id="profile-form" style="display:flex;flex-direction:column;gap:var(--space-4)">
+            <div>
+              <label style="display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)">Echter Name (privat)</label>
+              <input name="real_name" type="text" maxlength="80"
+                     placeholder="z. B. Maria Müller"
+                     value="${_esc(u.real_name || '')}"
+                     style="${inputStyle}">
+            </div>
             <div>
               <label style="display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)">Bio</label>
               <textarea name="bio" maxlength="300" rows="4"
@@ -473,6 +480,7 @@ window.Page_settings = (() => {
         const fd  = UI.formData(e.target);
         await UI.asyncButton(btn, async () => {
           const updated = await API.patch('/profile', {
+            real_name:            fd.real_name            || '',
             bio:                  fd.bio                  || '',
             wohnort:              fd.wohnort              || '',
             erfahrung:            fd.erfahrung            || '',
@@ -714,9 +722,13 @@ window.Page_settings = (() => {
     return `
       <form id="auth-form" autocomplete="on" novalidate>
         <div class="form-group">
-          <label class="form-label">Dein Name</label>
+          <label class="form-label">Benutzername</label>
           <input class="form-control" type="text" name="name"
-                 placeholder="z. B. Maria" autocomplete="name" required>
+                 placeholder="z. B. bellas_mama" autocomplete="username" required
+                 pattern="^\\S+$" title="Kein Leerzeichen erlaubt">
+          <p style="margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--c-text-secondary)">
+            Dieser Name ist öffentlich sichtbar und wird bei deinen Beiträgen, Pins und Kommentaren angezeigt.
+          </p>
         </div>
         <div class="form-group">
           <label class="form-label">E-Mail</label>