Sprint 12+13: Tagebuch Day-One-Redesign, Notiz-Feature, Icon-Fixes, SW by-v405

Tagebuch:
- Day-One-Listenansicht: Wochentag + Tageszahl + Meta-Zeile (Zeit/Ort/Wetter)
- 4 Ansichten: Liste, Medien-Mosaik, Kalender (mit Sprungbuttons), Karte (GPS-Marker)
- Detail-Ansicht inline im Content-Bereich (kein Fullscreen-Overlay mehr)
- Hero-Bild vollständig sichtbar (object-fit:contain), Lightbox mit Safe-Area
- 2-Spalten-Layout Desktop: Text + Leaflet-Karte + POI-Liste
- EXIF-GPS-Extraktion bei Foto-Upload, historisches Wetter via Archive-API
- NoteStation-Import: Fotos in diary_media (80 Einträge migriert, 94 Medien)
- Stats-Endpoints: /diary/stats, /diary/calendar, /diary/locations

Notiz-Feature:
- Generische notes-Tabelle (parent_type + parent_id + meta_json)
- 📝-Button in 8 Bereichen, Notizblock-Seite mit KI-Analyse
- KI-Toggle in Einstellungen, notes_ki_enabled in User-Profil

Icons & Design:
- fill:currentColor Fix für welcome/onboarding/friends.js
- --c-icon Variable, --c-text-muted Dark Mode aufgehellt
- 15+ neue Phosphor-Icons aus lokaler Kopie
- CSS Network-First im SW, Cache-Control-Middleware

Infrastruktur:
- Wiki-Anreicherungs-Scheduler-Jobs entfernt (abgeschlossen)
- auth.py: notes_ki_enabled + is_social_media im User-Response

backend/static/js/pages/erste-hilfe.js

@@ -186,7 +186,7 @@ window.Page_erste_hilfe = (() => {
                 <th style="padding:var(--space-2) var(--space-3);text-align:left;font-weight:var(--weight-semibold)">Bedeutung</th>
               </tr></thead>
               <tbody>
-                <tr><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border)">Rosa, feucht</td><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);color:#22c55e;font-weight:var(--weight-semibold)">Normal</td></tr>
+                <tr><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border)">Rosa, feucht</td><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);color:var(--c-success);font-weight:var(--weight-semibold)">Normal</td></tr>
                 <tr style="background:var(--c-surface-2)"><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border)">Blass / weiß</td><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);color:var(--c-danger)">Schock, Blutverlust, Vergiftung</td></tr>
                 <tr><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border)">Blau / grau</td><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);color:var(--c-danger);font-weight:var(--weight-semibold)">Sauerstoffmangel — NOTFALL</td></tr>
                 <tr style="background:var(--c-surface-2)"><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border)">Gelb</td><td style="padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--c-border);color:var(--c-warning)">Leberprobleme</td></tr>
@@ -239,6 +239,7 @@ window.Page_erste_hilfe = (() => {
     `;
     _bindTabs();
     _bindAccordions();
+    _bindNoteButtons();
     _activateTab('lebensgefahr');
   }
 
@@ -340,6 +341,10 @@ window.Page_erste_hilfe = (() => {
           ${massnahmenHtml}
           ${warnHtml}
           ${e.extra || ''}
+          <div style="margin-top:var(--space-3);text-align:right">
+            <button class="btn btn-ghost btn-xs eh-note-btn" style="font-size:var(--text-xs);color:var(--c-text-muted);padding:2px 8px"
+                    data-kat-id="${katId}" data-titel="${e.titel.replace(/"/g,'&quot;')}"><svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#note-pencil"></use></svg> Notiz</button>
+          </div>
         </div>
       </div>
     `;
@@ -382,6 +387,102 @@ window.Page_erste_hilfe = (() => {
     });
   }
 
+  function _bindNoteButtons() {
+    _container.querySelectorAll('.eh-note-btn').forEach(btn => {
+      btn.addEventListener('click', e => {
+        e.stopPropagation();
+        const katId = btn.dataset.katId;
+        const titel = btn.dataset.titel;
+        const kat   = KATEGORIEN.find(k => k.id === katId);
+        const label = kat ? `${kat.label} — ${titel}` : titel;
+        _openNoteModal('erste_hilfe', katId, label, null);
+      });
+    });
+  }
+
+  // ----------------------------------------------------------------
+  // NOTIZ-MODAL (custom DOM, kein UI.modal um Konflikte zu vermeiden)
+  // ----------------------------------------------------------------
+  async function _openNoteModal(parentType, parentId, parentLabel, locationName) {
+    document.getElementById('by-note-modal')?.remove();
+
+    const overlay = document.createElement('div');
+    overlay.id = 'by-note-modal';
+    overlay.style.cssText = 'position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center';
+
+    const _esc = s => s ? String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;') : '';
+
+    overlay.innerHTML = `
+      <div style="background:var(--c-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;
+                  width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;
+                  padding-bottom:env(safe-area-inset-bottom,0px)">
+        <div style="padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--c-border);
+                    display:flex;align-items:center;justify-content:space-between;flex-shrink:0">
+          <div>
+            <div style="font-weight:var(--weight-semibold);font-size:var(--text-base)"><svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#note-pencil"></use></svg> Notiz</div>
+            <div style="font-size:var(--text-xs);color:var(--c-text-muted);margin-top:2px">${_esc(parentLabel)}</div>
+          </div>
+          <button id="by-note-close" style="background:none;border:none;cursor:pointer;font-size:1.4rem;color:var(--c-text-muted);padding:4px 8px" aria-label="Schließen">×</button>
+        </div>
+        <div style="padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto">
+          <form id="by-note-form">
+            <textarea id="by-note-text" class="form-control" rows="5"
+                      placeholder="Notiz eingeben…"
+                      style="width:100%;resize:vertical"></textarea>
+          </form>
+        </div>
+        <div style="padding:var(--space-3) var(--space-5);border-top:1px solid var(--c-border);
+                    display:flex;gap:var(--space-2);flex-shrink:0">
+          <button type="button" id="by-note-cancel" class="btn btn-secondary flex-1">Abbrechen</button>
+          <button type="submit" form="by-note-form" id="by-note-save" class="btn btn-primary flex-1">Speichern</button>
+        </div>
+      </div>
+    `;
+
+    document.body.appendChild(overlay);
+
+    const textarea  = document.getElementById('by-note-text');
+    const saveBtn   = document.getElementById('by-note-save');
+    const cancelBtn = document.getElementById('by-note-cancel');
+    const closeBtn  = document.getElementById('by-note-close');
+
+    let existingNoteId = null;
+
+    try {
+      const existing = await API.notes.get(parentType, parentId);
+      if (existing?.id) {
+        existingNoteId = existing.id;
+        textarea.value = existing.text || '';
+      }
+    } catch (_) { /* keine Notiz vorhanden — ok */ }
+
+    setTimeout(() => textarea.focus(), 100);
+
+    const _close = () => overlay.remove();
+    closeBtn.addEventListener('click', _close);
+    cancelBtn.addEventListener('click', _close);
+    overlay.addEventListener('click', e => { if (e.target === overlay) _close(); });
+
+    document.getElementById('by-note-form').addEventListener('submit', async e => {
+      e.preventDefault();
+      const text = textarea.value.trim();
+      UI.setLoading(saveBtn, true);
+      try {
+        const payload = { text, parent_label: parentLabel, location_name: locationName };
+        if (existingNoteId) {
+          await API.notes.update(existingNoteId, payload);
+        } else {
+          await API.notes.create(parentType, parentId, payload);
+        }
+        UI.toast.success('Notiz gespeichert.');
+        _close();
+      } catch (err) {
+        UI.toast.error(err.message || 'Fehler beim Speichern.');
+        UI.setLoading(saveBtn, false);
+      }
+    });
+  }
+
   // ----------------------------------------------------------------
   // PUBLIC
   // ----------------------------------------------------------------