UX-Simulation, Teil 3: Abbrechen, Badge, Versionsnummer, Wisch-Strecke

Die vier zuletzt zurückgestellten Punkte aus der UX-Simulation:

- Abbrechen-Knopf für hängende YouTube-Downloads (Future.any gegen ein
  Abbruch-Signal, Anfrage läuft im Hintergrund aus statt die App zu
  blockieren)
- Punkt am inaktiven Download-Unterreiter, wenn dort etwas im Hintergrund
  läuft (SubTabs bekommt einen optionalen badges-Parameter)
- Versionsnummer unter "Über Melo" (neue Abhängigkeit: package_info_plus)
- Mini-Player führt beim Wischen jetzt sichtbar mit und wertet zusätzlich
  zum Schwung auch die zurückgelegte Strecke aus — ein langsames, aber
  weites Wischen wurde vorher komplett ignoriert

Dabei drei bestehende Widget-Tests korrigiert, die den Download-Tab ohne
Provider<DownloadService> aufbauten (hauptmenue_test.dart,
home_shell_test.dart, online_screen_test.dart) — lief bisher nur, weil
niemand danach fragte; das neue Badge tut das jetzt app-weit.

550 Tests grün (vorher 539), flutter analyze ohne Befund.

lib/shared/sub_tabs.dart

@@ -13,6 +13,7 @@ class SubTabs extends StatelessWidget {
     required this.labels,
     required this.index,
     required this.onChanged,
+    this.badges,
   });
 
   final List<String> labels;
@@ -20,6 +21,11 @@ class SubTabs extends StatelessWidget {
   final int index;
   final ValueChanged<int> onChanged;
 
+  /// Punkt neben dem Reiter-Text, an derselben Position je Eintrag wie
+  /// [labels] — z. B. "hier läuft im Hintergrund etwas". `null` oder `false`
+  /// zeigt nichts.
+  final List<bool>? badges;
+
   @override
   Widget build(BuildContext context) {
     return Padding(
@@ -33,6 +39,7 @@ class SubTabs extends StatelessWidget {
               child: _Reiter(
                 label: labels[i],
                 aktiv: i == index,
+                badge: badges != null && i < badges!.length && badges![i],
                 onTap: () => onChanged(i),
               ),
             ),
@@ -47,10 +54,12 @@ class _Reiter extends StatelessWidget {
     required this.label,
     required this.aktiv,
     required this.onTap,
+    this.badge = false,
   });
 
   final String label;
   final bool aktiv;
+  final bool badge;
   final VoidCallback onTap;
 
   @override
@@ -82,16 +91,32 @@ class _Reiter extends StatelessWidget {
               // vorzudrängen — sonst schweben die Wörter im Nichts.
               border: aktiv ? null : MeloTheme.hairline,
             ),
-            child: AnimatedDefaultTextStyle(
-              duration: MeloMotion.ruhig(context, MeloMotion.fast),
-              curve: MeloMotion.curve,
-              style: TextStyle(
-                color: aktiv ? MeloTheme.black : MeloTheme.text2,
-                fontSize: 15,
-                height: 1.2,
-                fontWeight: aktiv ? FontWeight.w600 : FontWeight.w500,
-              ),
-              child: Text(label),
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                AnimatedDefaultTextStyle(
+                  duration: MeloMotion.ruhig(context, MeloMotion.fast),
+                  curve: MeloMotion.curve,
+                  style: TextStyle(
+                    color: aktiv ? MeloTheme.black : MeloTheme.text2,
+                    fontSize: 15,
+                    height: 1.2,
+                    fontWeight: aktiv ? FontWeight.w600 : FontWeight.w500,
+                  ),
+                  child: Text(label),
+                ),
+                if (badge) ...[
+                  const SizedBox(width: MeloSpace.xs),
+                  Container(
+                    width: 6,
+                    height: 6,
+                    decoration: const BoxDecoration(
+                      color: MeloTheme.red,
+                      shape: BoxShape.circle,
+                    ),
+                  ),
+                ],
+              ],
             ),
           ),
         ),