fix(thumbnails): EXIF-Drehung auswerten, hochkant blieb quer

Kameras speichern die Bildpunkte fast immer quer und legen die Drehung
als EXIF-Notiz daneben. Browser befolgen sie von selbst - Go nicht.
Deshalb stand dasselbe Foto in der grossen Ansicht aufrecht und lag im
Vorschaubild auf der Seite.

Neues Paket internal/imageutil liest genau ein Feld (0x0112) aus dem
Anfang der Datei und dreht danach. Von Hand statt mit einer Bibliothek:
Der Weg dorthin ist kurz und liegt fest, und gebraucht wird ein Feld.
Gelesen werden nur die ersten 64 KB, damit ein 40-MB-Foto nicht zweimal
im Speicher liegt.

Gedreht wird vor dem Verkleinern - andersherum bekaeme ein hochkantes
Foto den Zuschnitt eines Querformats.

Bestehende Vorschaubilder aendern sich davon nicht. Dafuer neu:
POST /admin/thumbnails/rebuild samt Knopf im Admin-Bereich.

Auch Profilbilder aus OIDC laufen jetzt durch dieselbe Auswertung.

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

frontend/src/pages/admin/AuditTab.tsx

@@ -195,6 +195,60 @@ function StorageCleanup() {
   )
 }
 
+/** Vorschaubilder entstehen beim Hochladen von selbst. Dieser Knopf ist für
+ *  den Bestand: Bis heute wurde die EXIF-Drehung nicht ausgewertet, hochkant
+ *  aufgenommene Fotos liegen als Vorschaubild deshalb quer. */
+function RebuildThumbnails() {
+  const [running, setRunning] = useState(false)
+  const [result, setResult] = useState<string | null>(null)
+
+  async function run() {
+    setRunning(true)
+    setResult(null)
+    try {
+      const r = await adminApi.rebuildThumbnails()
+      setResult(
+        r.images === 0
+          ? 'No images stored yet'
+          : `${r.rebuilt} of ${r.images} previews rebuilt` + (r.failed ? `, ${r.failed} failed` : ''),
+      )
+    } catch {
+      setResult('Rebuild failed')
+    } finally {
+      setRunning(false)
+    }
+  }
+
+  return (
+    <div style={{
+      display: 'flex', alignItems: 'center', gap: 12, marginBottom: 16,
+      padding: '12px 14px', borderRadius: 10,
+      border: '1px solid var(--color-border)', background: 'var(--color-surface-2)',
+    }}>
+      <div style={{ flex: 1, minWidth: 0 }}>
+        <div style={{ fontSize: 13, fontWeight: 600, color: 'var(--color-text)' }}>
+          Rebuild image previews
+        </div>
+        <div style={{ fontSize: 11, color: 'var(--color-text-muted)', marginTop: 2 }}>
+          {result ?? 'Regenerates every stored preview. Needed once: photos taken in portrait used to end up sideways, because the rotation flag was ignored.'}
+        </div>
+      </div>
+      <button
+        onClick={run}
+        disabled={running}
+        style={{
+          padding: '7px 16px', borderRadius: 8, flexShrink: 0,
+          border: '1px solid var(--color-border)', background: 'var(--color-surface)',
+          color: 'var(--color-text)', fontSize: 12, fontWeight: 600,
+          cursor: running ? 'default' : 'pointer', opacity: running ? 0.6 : 1,
+        }}
+      >
+        {running ? 'Rebuilding…' : 'Rebuild'}
+      </button>
+    </div>
+  )
+}
+
 export default function AuditTab() {
   const [entries, setEntries] = useState<AuditEntry[]>([])
   const [total, setTotal] = useState(0)
@@ -221,6 +275,7 @@ export default function AuditTab() {
     <div>
       <IndexingStatus />
       <StorageCleanup />
+      <RebuildThumbnails />
 
       <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginBottom: 16 }}>
         <select