Änderung: Verbesserung der Sprachenerkennung und -verwaltung

Änderungen:
- Erweiterung der Logik zur Erkennung der Browsersprache in main.js und im Store, um auch spezifische deutsche Dialekte und Länder zu berücksichtigen.
- Implementierung einer Überwachung der Sprachänderungen im Store, die die i18n-Konfiguration entsprechend aktualisiert.

Diese Anpassungen verbessern die Benutzererfahrung durch präzisere Sprachenerkennung und dynamische Anpassung der Sprache in der Anwendung.

frontend/src/store/index.js

@@ -10,7 +10,33 @@ const store = createStore({
     isLoggedIn: localStorage.getItem('isLoggedIn') === 'true',
     connectionStatus: 'disconnected', // 'connected', 'connecting', 'disconnected', 'error'
     user: JSON.parse(localStorage.getItem('user')) || null,
-    language: navigator.language.startsWith('de') ? 'de' : 'en',
+    language: (() => {
+      // Verwende die gleiche Logik wie in main.js
+      const browserLanguage = navigator.language || navigator.languages[0];
+      const germanSpeakingCountries = ['de', 'at', 'ch', 'li'];
+      
+      if (browserLanguage.startsWith('de')) {
+        return 'de';
+      }
+      
+      const allLanguages = navigator.languages || [navigator.language];
+      for (const lang of allLanguages) {
+        if (lang.startsWith('de-')) {
+          const countryCode = lang.split('-')[1]?.toLowerCase();
+          if (germanSpeakingCountries.includes(countryCode)) {
+            return 'de';
+          }
+        }
+        if (lang.startsWith('de_')) {
+          const countryCode = lang.split('_')[1]?.toLowerCase();
+          if (germanSpeakingCountries.includes(countryCode)) {
+            return 'de';
+          }
+        }
+      }
+      
+      return 'en';
+    })(),
     menu: JSON.parse(localStorage.getItem('menu')) || [],
     socket: null,
     daemonSocket: null,
@@ -34,6 +60,34 @@ const store = createStore({
       localStorage.removeItem('user');
       localStorage.removeItem('menu');
       state.menuNeedsUpdate = false;
+      
+      // Setze die Sprache auf die Browser-Sprache zurück
+      const browserLanguage = navigator.language || navigator.languages[0];
+      const germanSpeakingCountries = ['de', 'at', 'ch', 'li'];
+      
+      if (browserLanguage.startsWith('de')) {
+        state.language = 'de';
+      } else {
+        const allLanguages = navigator.languages || [navigator.language];
+        let isGerman = false;
+        for (const lang of allLanguages) {
+          if (lang.startsWith('de-')) {
+            const countryCode = lang.split('-')[1]?.toLowerCase();
+            if (germanSpeakingCountries.includes(countryCode)) {
+              isGerman = true;
+              break;
+            }
+          }
+          if (lang.startsWith('de_')) {
+            const countryCode = lang.split('_')[1]?.toLowerCase();
+            if (germanSpeakingCountries.includes(countryCode)) {
+              isGerman = true;
+              break;
+            }
+          }
+        }
+        state.language = isGerman ? 'de' : 'en';
+      }
     },
     setLanguage(state, language) {
       state.language = language;