feat(t5): Wächter vollständig, Hinweis Sonnenmodus, Nacharbeiten (T5a A10)

- Baukasten-Wächter: jede Regel prüft eigene Beispiele (muss fangen, muss
  ignorieren), veraltete Ausnahmen und Ordner-Ausschlüsse schlagen fehl;
  neue Regeln für text-primary ohne -ink, dark:, Schrift unter 13 px
  (Tailwind, SVG, CSS, style, *_SIZE-Konstanten) und Verlaufs-Hintergründe.
  Aufgeteilt in baukasten-guard, touch-target-guard und einen Scan-Helfer.
- Hinweis „Neu: Sonnenmodus für draußen“ auf dem Dashboard, einmal je Gerät,
  „Ausprobieren“ schaltet live um; Fokus geht danach zur Überschrift.
- Varroa-Diagramm: Beschriftungen als HTML mit fester Größe statt SVG-Text.
- Medikamente zeigen die Tabs auch leer; Zahlen in Tabs nicht beim Laden
  oder Fehler; inaktive Tabs mit Hover für die Maus; TabPicker (Auswahl
  unter 640 px) für Automatisierung und Statistik; Rollen-Dialoge breit
  genug für die Rechte-Matrix.

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>

ApiCore-Frontend/src/components/active-history-tabs.tsx

@@ -19,6 +19,14 @@ export interface ActiveHistoryTabsProps {
   children: { active: ReactNode; history: ReactNode };
 }
 
+/**
+ * The count for a tab: unknown (no number) until the list has loaded, so a failed or pending
+ * first load never reads „Aktiv (0)“. Cached data still counts while a refetch fails.
+ */
+export function countOf(data: readonly unknown[] | undefined, items: readonly unknown[]): number | undefined {
+  return data === undefined ? undefined : items.length;
+}
+
 const withCount = (label: string, count: number | undefined) =>
   count === undefined ? label : `${label} (${count})`;