feat: Handy - Platz fuer Statusleiste, randlose Bild-Vollansicht mit Gesten, groessere Medien im Chat

Bernds Beta-Feedback:
- main.dart: edgeToEdge statt immersiveSticky (Statusleiste schob sich ueber
  den Inhalt); MobileShell mit SafeArea + Statusleisten-Symbolen passend
  zum Theme, Hintergrund bg1 = Kopfzeilenfarbe.
- MediaViewer: Handy randlos auf Schwarz (vorher 24-px-Rand, halbtransparent);
  Tippen neben das Bild schliesst, aufs Bild blendet Leiste ein/aus; Wischen
  hoch/runter schliesst (nur ohne Zoom, ueber InteractiveViewer-Callbacks,
  kein Gestenkonflikt mit Zwei-Finger-Zoom); Doppeltipp zoomt an der Stelle.
- Chat: Bilder auf dem Handy bis halbe Bildschirmhoehe statt fest 320 px;
  Videos im echten Seitenverhaeltnis statt fest 16:9.
- UI-Durchlauf integration_test/mobile_ui_screens_test.dart (Handy-Format,
  Testprofil, Screenshots nach build/ui_screens/) + Testinhalte-Helfer
  test/live_ui_fixture_test.dart; scripts/test.ps1 -Ui.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

lib/layout/app_shell.dart

@@ -344,7 +344,18 @@ class _MobileShell extends ConsumerWidget {
       body = const RoomsPanel();
     }
 
-    return PopScope(
+    // Symbole der Statusleiste passend zum Theme (hell auf dunkel und umgekehrt).
+    final overlayStyle = (pt.isDark
+            ? SystemUiOverlayStyle.light
+            : SystemUiOverlayStyle.dark)
+        .copyWith(
+      statusBarColor: Colors.transparent,
+      systemNavigationBarColor: Colors.transparent,
+    );
+
+    return AnnotatedRegion<SystemUiOverlayStyle>(
+      value: overlayStyle,
+      child: PopScope(
       canPop: activeRoomId == null && viewMode == ViewMode.chat && !membersOpen,
       onPopInvokedWithResult: (didPop, _) {
         if (!didPop) {
@@ -358,13 +369,17 @@ class _MobileShell extends ConsumerWidget {
         }
       },
       child: Scaffold(
-        backgroundColor: pt.bg0,
+        // bg1 = Farbe der Kopfzeilen → der Streifen hinter der Statusleiste
+        // geht nahtlos in sie über.
+        backgroundColor: pt.bg1,
         drawer: Drawer(
           width: 80,
           backgroundColor: pt.bg0,
-          child: const SpacesRail(),
+          child: const SafeArea(child: SpacesRail()),
         ),
-        body: Stack(
+        // SafeArea: Abstand zu Statusleiste/Kamera-Aussparung oben und zur
+        // Gesten-/Navigationsleiste unten (edge-to-edge, siehe main.dart).
+        body: SafeArea(child: Stack(
           children: [
             body,
             if (membersOpen && activeRoomId != null && viewMode != ViewMode.voice) ...[
@@ -400,7 +415,8 @@ class _MobileShell extends ConsumerWidget {
               child: _NotificationBlockedBanner(),
             ),
           ],
-        ),
+        )),
+      ),
       ),
     );
   }