Fix: Design-System-Regression v1102 — .hidden(!important) vs style.display app-weit

Rene: 'Tagebuch Kalenderansicht/Karte nicht mehr da' — Root-Cause: 459cd42
ersetzte style="display:none" durch class="hidden", aber die Show-Pfade
setzten weiter style.display. .hidden hat !important und gewinnt immer
(gleiche Klasse wie Filter-Panel-Hotfix v1242). Prod-Logs bewiesen: kein
einziger /diary/calendar- oder /locations-Request kam je an.

Unsichtbar seit v1102, jetzt per classList gefixt:
- diary: Stats-Bar mit View-Switcher (Liste/Medien/Kalender/Karte) + Medien-Grid neuer Eintrag
- health: KI-Tierarzt-Ergebnis erschien nie
- walks: Challenge-/Stamm-Gassi-Tabs leer
- welcome: iOS-Panel der Desktop-Install-Anleitung
- wiki: Fotos-Mod-Badge + Foto-Fallback (via app.js data-fb show-el/sibling-Handler)
- routes: Filter-Badge; breeder: Fotos-Section

Zweite Fehlerklasse aus demselben Sprint: doppelte class-Attribute
(class="x" id=… class="hidden") — Browser verwirft das zweite Attribut.
87 Vorkommen in 23 Dateien zusammengeführt; betroffene Show/Hide-Pfade
(ev-map, rk-mine/nearby-group, chat-partner-dot, eh-panel, zh-section)
auf classList umgestellt.

backend/static/js/pages/laeufi.js

@@ -285,8 +285,8 @@ window.Page_laeufi = (() => {
           <button class="btn btn-ghost btn-xs laeufi-edit-btn" data-id="${l.id}" title="Bearbeiten">
             ${UI.icon('pencil-simple')}
           </button>
-          <button class="btn btn-ghost btn-xs laeufi-delete-btn" data-id="${l.id}"
-                  title="Löschen" class="text-danger">
+          <button class="btn btn-ghost btn-xs laeufi-delete-btn text-danger" data-id="${l.id}"
+                  title="Löschen">
             ${UI.icon('trash')}
           </button>
         </div>
@@ -335,7 +335,7 @@ window.Page_laeufi = (() => {
             </div>
             <div style="display:flex;gap:var(--space-1);flex-shrink:0">
               <button class="btn btn-ghost btn-xs deck-edit-btn" data-id="${d.id}" title="Bearbeiten">${UI.icon('pencil-simple')}</button>
-              <button class="btn btn-ghost btn-xs deck-delete-btn" data-id="${d.id}" title="Löschen" class="text-danger">${UI.icon('trash')}</button>
+              <button class="btn btn-ghost btn-xs deck-delete-btn text-danger" data-id="${d.id}" title="Löschen">${UI.icon('trash')}</button>
             </div>
           </div>
           <!-- Meilensteine -->
@@ -542,8 +542,8 @@ window.Page_laeufi = (() => {
               </td>
               <td style="padding:var(--space-2);color:var(--c-text-secondary)">${t.labor ? UI.escape(t.labor) : '—'}</td>
               <td style="padding:var(--space-2);text-align:right">
-                <button class="btn btn-ghost btn-xs prog-delete-btn" data-id="${t.id}"
-                        class="text-danger">${UI.icon('trash')}</button>
+                <button class="btn btn-ghost btn-xs prog-delete-btn text-danger" data-id="${t.id}"
+                       >${UI.icon('trash')}</button>
               </td>
             </tr>`).join('')}
         </tbody>