Refactor: 1167 _esc() → UI.escape() in 36 Dateien, SW by-v1113

Bündel 1 aus dem Duplikat-Audit: existierende zentrale Helper nutzen
statt lokale Duplikate.

Pure Migration ohne neuen Code:
- 1167 _esc()-Aufrufe in 36 Page-Modulen migriert auf UI.escape()
- 24 lokale _esc/_escape-Definitionen entfernt
- lost.js hatte _escape() (Variante) — 17 Aufrufe ebenfalls migriert
- jobs.js + breeder.js: tote Alias-Wrapper entfernt

UI.escape() existierte schon — wurde nur überall lokal nochmal
implementiert. Funktional identisch (gleiche 4-replace-chain für
& < > ").

Tests 19/19 grün. Frontend-LOC um ~120 Zeilen reduziert.

Hinweis: _emptyState (7 Stellen) und _icon (8 Stellen) wurden NICHT
migriert — sie haben abweichende Signaturen von UI.emptyState({...})
bzw. UI.icon(name). Eigener Sprint nötig.

backend/static/js/pages/reise.js

@@ -106,14 +106,6 @@ window.Page_reise = (() => {
   // ------------------------------------------------------------------
   // Helpers
   // ------------------------------------------------------------------
-  function _esc(s) {
-    if (s == null) return '';
-    return String(s)
-      .replace(/&/g, '&')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;');
-  }
 
   function _loadChecked() {
     try { return JSON.parse(localStorage.getItem(LS_KEY) || '{}'); }
@@ -212,16 +204,16 @@ window.Page_reise = (() => {
         const done = !!checked[key];
         if (_editMode) {
           return `<div class="reise-check-row" style="justify-content:space-between">
-            <span style="flex:1;color:var(--c-text)">${_esc(item)}</span>
-            <button class="reise-del-btn" data-hide="${_esc(key)}"
+            <span style="flex:1;color:var(--c-text)">${UI.escape(item)}</span>
+            <button class="reise-del-btn" data-hide="${UI.escape(key)}"
                     style="background:none;border:none;color:#EF4444;cursor:pointer;padding:4px;flex-shrink:0">
               <svg class="ph-icon" style="width:1rem;height:1rem"><use href="/icons/phosphor.svg#trash"></use></svg>
             </button>
           </div>`;
         }
         return `<label class="reise-check-row${done ? ' done' : ''}">
-          <input type="checkbox" class="reise-cb" data-key="${_esc(key)}" ${done ? 'checked' : ''}>
-          <span>${_esc(item)}</span>
+          <input type="checkbox" class="reise-cb" data-key="${UI.escape(key)}" ${done ? 'checked' : ''}>
+          <span>${UI.escape(item)}</span>
         </label>`;
       }).join('');
 
@@ -230,27 +222,27 @@ window.Page_reise = (() => {
         const done = !!checked[key];
         if (_editMode) {
           return `<div class="reise-check-row" style="justify-content:space-between">
-            <span style="flex:1;color:var(--c-primary)">${_esc(item)}</span>
-            <button class="reise-del-custom-btn" data-cat="${_esc(cat.key)}" data-idx="${i}"
+            <span style="flex:1;color:var(--c-primary)">${UI.escape(item)}</span>
+            <button class="reise-del-custom-btn" data-cat="${UI.escape(cat.key)}" data-idx="${i}"
                     style="background:none;border:none;color:#EF4444;cursor:pointer;padding:4px;flex-shrink:0">
               <svg class="ph-icon" style="width:1rem;height:1rem"><use href="/icons/phosphor.svg#trash"></use></svg>
             </button>
           </div>`;
         }
         return `<label class="reise-check-row${done ? ' done' : ''}">
-          <input type="checkbox" class="reise-cb" data-key="${_esc(key)}" ${done ? 'checked' : ''}>
-          <span class="text-primary">${_esc(item)}</span>
+          <input type="checkbox" class="reise-cb" data-key="${UI.escape(key)}" ${done ? 'checked' : ''}>
+          <span class="text-primary">${UI.escape(item)}</span>
         </label>`;
       }).join('');
 
       const addRow = _editMode ? `
         <div style="padding:var(--space-2) 0;border-top:1px dashed var(--c-border);margin-top:4px">
           <div style="display:flex;gap:8px;align-items:center">
-            <input class="reise-add-input" data-cat="${_esc(cat.key)}"
+            <input class="reise-add-input" data-cat="${UI.escape(cat.key)}"
                    style="flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--c-border);
                           background:var(--c-bg-card);color:var(--c-text);font-size:var(--text-sm)"
                    placeholder="Eigenes Item hinzufügen…">
-            <button class="reise-add-btn btn btn-primary" data-cat="${_esc(cat.key)}"
+            <button class="reise-add-btn btn btn-primary" data-cat="${UI.escape(cat.key)}"
                     style="padding:8px 12px;flex-shrink:0;font-size:var(--text-sm)">
               <svg class="ph-icon" style="width:1rem;height:1rem"><use href="/icons/phosphor.svg#plus"></use></svg>
             </button>
@@ -261,9 +253,9 @@ window.Page_reise = (() => {
         <div style="padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border);
                     display:flex;align-items:center;gap:var(--space-2)">
           <svg class="ph-icon text-primary" aria-hidden="true">
-            <use href="/icons/phosphor.svg#${_esc(cat.icon)}"></use>
+            <use href="/icons/phosphor.svg#${UI.escape(cat.icon)}"></use>
           </svg>
-          <span style="font-weight:var(--weight-semibold)">${_esc(cat.label)}</span>
+          <span style="font-weight:var(--weight-semibold)">${UI.escape(cat.label)}</span>
         </div>
         <div style="padding:var(--space-2) var(--space-4)">
           ${stdRows}${customRows}${addRow}
@@ -389,10 +381,10 @@ window.Page_reise = (() => {
           <span style="font-size:2rem;line-height:1">${l.flag}</span>
           <div class="flex-1-min">
             <div style="font-weight:var(--weight-semibold);margin-bottom:var(--space-1)">
-              ${_esc(l.name)}
+              ${UI.escape(l.name)}
             </div>
             <div class="text-sm-secondary">
-              ${_esc(l.regel)}
+              ${UI.escape(l.regel)}
             </div>
           </div>
           ${l.warn ? `<svg class="ph-icon" style="color:var(--c-warning,#f59e0b);flex-shrink:0;width:20px;height:20px" aria-hidden="true">
@@ -425,9 +417,9 @@ window.Page_reise = (() => {
       <div style="display:flex;align-items:flex-start;gap:var(--space-3);
                   padding:var(--space-3) 0;border-bottom:1px solid var(--c-surface-2)">
         <svg class="ph-icon" style="color:var(--c-danger,#ef4444);flex-shrink:0;margin-top:1px" aria-hidden="true">
-          <use href="/icons/phosphor.svg#${_esc(m.icon)}"></use>
+          <use href="/icons/phosphor.svg#${UI.escape(m.icon)}"></use>
         </svg>
-        <span style="font-size:var(--text-sm);color:var(--c-text)">${_esc(m.text)}</span>
+        <span style="font-size:var(--text-sm);color:var(--c-text)">${UI.escape(m.text)}</span>
       </div>`).join('');
 
     el.innerHTML = `