Frontend Sprint 3+4: Dog-Switcher, Health-Seite, Multi-Dog Tagebuch

- app.js: vollständiger Dog-Switcher (Avatar im Header/Sidebar, Quickpicker
  bei 3+ Hunden, setActiveDog, localStorage-Persistenz), iOS Ghost-Click Fix,
  Loading-Guard, Logout State Reset
- index.html: Dog-Switcher HTML, Favicon-Links, Sidebar "+ Neu erstellen",
  Navigation Tab Karte → Gesundheit
- health.js (neu): vollständiges Health-Frontend mit Tabs (Impfung, Entwurmung,
  Tierarzt, Medikament, Gewicht-Kurve, Allergie, Dokument), Ampel-System,
  KI-Zusammenfassung
- dog-profile.js: "+ Weiteren Hund anlegen" Button + _openCreateModal(),
  Event-Delegation statt direkter Listener (kein Doppelaufruf)
- diary.js: Dog-Picker im Formular, Avatar-Reihe auf Karten, Dog-Chips
  im Detail-Modal, dog_ids im API-Payload
- poison.js: Erledigt-Dialog mit Grundauswahl (beseitigt/fehlerhaft/anderes)
- api.js: health-Endpoints (list, create, update, delete, upload, ki)
- ui.js: confirm() Fix (resolve vor close)
- layout.css: Dog-Switcher Styles, scrollbare Sidebar-Nav, User-Item fix
- components.css: Health-Styles, Diary Dog-Picker, Ampel-Punkte, Gewicht-SVG
- icons/: Favicon-Set (ico, 16px, 32px, 180px, 192px, 512px)

backend/static/index.html

@@ -6,9 +6,14 @@
   <meta name="theme-color" content="#C4843A">
   <meta name="description" content="Ban Yaro — Die Hunde-Plattform. Alles rund um deinen Hund.">
 
+  <!-- Favicons -->
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png">
+
   <!-- PWA -->
   <link rel="manifest" href="/manifest.json">
-  <link rel="apple-touch-icon" href="/icons/icon-180.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-180.png">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="default">
   <meta name="apple-mobile-web-app-title" content="Ban Yaro">
@@ -30,17 +35,23 @@
   <!-- MOBILE HEADER (wird per JS mit Seitentitel befüllt) -->
   <header id="app-header">
     <button class="header-back hidden" id="header-back" aria-label="Zurück">&#8592;</button>
-    <span class="header-title" id="header-title">Ban Yaro</span>
+    <div id="header-dog-switcher" class="dog-switcher">
+      <span class="header-title" id="header-title">Ban Yaro</span>
+    </div>
     <div id="header-actions"></div>
   </header>
 
   <!-- DESKTOP SIDEBAR -->
   <nav id="sidebar" role="navigation" aria-label="Hauptnavigation">
-    <div class="sidebar-logo">
+    <div class="sidebar-logo" id="sidebar-dog-switcher">
       <img class="sidebar-logo-img" src="/icons/icon-180.png" alt="Ban Yaro">
       <span class="sidebar-logo-text">Ban Yaro</span>
     </div>
 
+    <div class="sidebar-add">
+      <button class="btn btn-primary btn-full" id="sidebar-add">+ Neu erstellen</button>
+    </div>
+
     <div class="sidebar-nav">
       <span class="sidebar-section-label">Mein Hund</span>
       <div class="sidebar-item active" data-page="diary">
@@ -92,13 +103,8 @@
       <div class="sidebar-item" data-page="movies">
         <span class="sidebar-item-icon">🎬</span> Filme
       </div>
-    </div>
 
-    <div class="sidebar-footer">
-      <div class="sidebar-item" data-page="settings">
-        <span class="sidebar-item-icon">⚙️</span> Einstellungen
-      </div>
-      <div class="sidebar-item" id="sidebar-user">
+      <div class="sidebar-item sidebar-item--user" id="sidebar-user">
         <span class="sidebar-item-icon">👤</span>
         <span id="sidebar-username">Anmelden</span>
       </div>
@@ -179,9 +185,9 @@
       <span class="nav-item-icon">📖</span>
       <span class="nav-item-label">Tagebuch</span>
     </div>
-    <div class="nav-item" data-page="map">
-      <span class="nav-item-icon">🗺️</span>
-      <span class="nav-item-label">Karte</span>
+    <div class="nav-item" data-page="health">
+      <span class="nav-item-icon">💉</span>
+      <span class="nav-item-label">Gesundheit</span>
     </div>
     <!-- Mittlerer + Button -->
     <div class="nav-item nav-item-center" id="nav-add">