fix: Knoepfe rutschten aus der Zeile; verwaiste Audiodateien raeumen

1. Aufnahmenliste: bei schmaler Spalte schob ein langer Titel die Knoepfe aus
der Zeile, der Papierkorb-Knopf war nicht mehr erreichbar. Flex-Kinder haben
min-width: auto, der Textblock schrumpft also nie unter seine Inhaltsbreite.
Mit der dritten Schaltflaeche (Stecknadel) reichte der Platz nicht mehr.

2. 23 sichtbare Aufnahmen = 46 Dateien, im Ordner lagen 152: 106 verwaiste mit
242 MB, Rueckstand des alten deleteRecording, das nur die DB-Zeile entfernte.
Einmalig geraeumt (Gegenprobe: keine der 106 stand in einer Zeile, danach
fehlt keine benoetigte Datei) und sweepOrphans haelt es sauber -- laeuft hinter
sweepTrash beim Start und taeglich, mit 2-h-Altersgrenze, weil eine Aufnahme
erst verschoben und dann in die DB geschrieben wird.

Die Papierkorb-Kette selbst war korrekt, mit einer Wegwerf-Zeile nachgewiesen:
loeschen -> Papierkorb (Dateien bleiben), endgueltig -> Zeile und beide Dateien
weg.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

app/web/src/style.css

@@ -558,3 +558,11 @@ body.resizing { cursor: col-resize; user-select: none; }
 .brand { cursor: pointer; user-select: none; }
 .brand:hover .brand-wave { filter: brightness(1.15); }
 .brand:hover h1 { color: var(--accent); }
+
+/* Ein Flex-Kind schrumpft von Haus aus nicht unter seine Inhaltsbreite
+   (min-width: auto). In der Aufnahmenliste schob ein langer Titel deshalb die
+   Knöpfe aus der Zeile — bei schmaler Liste war der Papierkorb-Knopf nicht
+   mehr erreichbar und die Spalte bekam einen waagerechten Scrollbalken.
+   Seit der Stecknadel dazukam (drei Knöpfe) fiel das sofort auf. */
+.item > .grow { min-width: 0; overflow-wrap: anywhere; }
+.item > .btn { flex: none; }