i18n: Sprache oben, data-i18n ergänzt, localStorage-Persistenz

- Sprachdropdown an den Anfang des Einstellungs-Panels verschoben
- data-i18n für Settings-Header, Speichern-Button und Nav-Tabs ergänzt,
  damit diese beim Sprachwechsel sofort übersetzt werden
- setLang() speichert gewählte Sprache in localStorage (bleibt über
  Seitenreloads hinweg erhalten); currentLang wird beim Modulstart aus
  localStorage initialisiert
- getLang() in openSettingsModal statt state.settings.language, damit
  das Dropdown immer die aktive Sprache zeigt

frontend/js/calendar.js

@@ -4,7 +4,7 @@ import { renderMonth }  from './views/month.js';
 import { renderWeek }   from './views/week.js';
 import { renderAgenda } from './views/agenda.js';
 import { openColorPicker } from './color-picker.js';
-import { t, setLang, applyLang } from './i18n.js';
+import { t, setLang, getLang } from './i18n.js';
 
 // Fetch avatar image as blob URL (with auth header)
 function fetchAvatarBlob() {
@@ -1046,7 +1046,7 @@ function openSettingsModal() {
     document.getElementById(id + '-preview').style.background = val;
   });
   document.getElementById('cfg-dim-past').checked = !!s.dim_past_events;
-  document.getElementById('cfg-language').value = s.language || 'de';
+  document.getElementById('cfg-language').value = getLang();
 
   // Set active contrast/hour-height buttons
   [

frontend/js/i18n.js

@@ -364,13 +364,16 @@ const translations = {
   },
 };
 
-let currentLang = 'de';
+let currentLang = (() => {
+  try { const l = localStorage.getItem('lang'); return (l && translations[l]) ? l : 'de'; } catch (_) { return 'de'; }
+})();
 
 export function getLang() { return currentLang; }
 
 export function setLang(lang) {
   currentLang = (lang && translations[lang]) ? lang : 'de';
   document.documentElement.lang = currentLang;
+  try { localStorage.setItem('lang', currentLang); } catch (_) {}
   applyLang();
 }