feat: Entfernen der Redux-Abhängigkeit für Admin-Login in der Header-Komponente

- Redux-State durch lokalen useState für `isAdminLoggedIn` ersetzt.
- Token-Validierung über sessionStorage mit useEffect hinzugefügt.
- Alle Redux-Selectoren entfernt und unnötige Importe bereinigt.
- Verbesserte Fehlerbehandlung bei der Token-Verarbeitung, um Abstürze zu vermeiden.
- Logout-Funktionalität vereinfacht, indem sessionStorage direkt geleert wird.

components/Header.jsx

@@ -4,33 +4,36 @@ import Image from "next/image";
 import { useRouter } from "next/router";
 import "bootstrap-icons/font/bootstrap-icons.css";
 import SettingsModal from "./modales/settingsModal/SettingsModal";
-import { useSelector } from "react-redux";
 
 function Header() {
-  const isAdminLoggedIn = useSelector((state) => state.auth.isAdminLoggedIn);
   const router = useRouter();
-  const deviceName = useSelector((state) => state.variables.deviceName);
   const [showSettingsModal, setShowSettingsModal] = useState(false);
-  //const [isAdminLoggedIn, setIsAdminLoggedIn] = useState(false);
+  const [isAdminLoggedIn, setIsAdminLoggedIn] = useState(false); // Lokaler Zustand
+  const deviceName = "Station XY"; // Dummy-Daten, da Redux entfernt wurde
 
   const handleSettingsClick = () => setShowSettingsModal(true);
   const handleCloseSettingsModal = () => setShowSettingsModal(false);
   const handleLogout = () => {
-    localStorage.removeItem("token"); // Token entfernen beim Abmelden
-    //setIsAdminLoggedIn(false);
+    sessionStorage.removeItem("token"); // Token entfernen beim Abmelden
+    setIsAdminLoggedIn(false); // Admin-Status zurücksetzen
     window.location.href = "/offline.html";
   };
 
   // Funktion, um den Token-Status zu prüfen
   useEffect(() => {
-    const token = localStorage.getItem("token");
+    const token = sessionStorage.getItem("token");
     if (token) {
-      const { exp } = JSON.parse(atob(token));
-      if (Date.now() < exp) {
-        //setIsAdminLoggedIn(true);
-      } else {
-        localStorage.removeItem("token"); // Entferne abgelaufenen Token
-        //setIsAdminLoggedIn(false);
+      try {
+        const { exp } = JSON.parse(atob(token));
+        if (Date.now() < exp) {
+          setIsAdminLoggedIn(true); // Admin eingeloggt
+        } else {
+          sessionStorage.removeItem("token"); // Entferne abgelaufenen Token
+          setIsAdminLoggedIn(false);
+        }
+      } catch (error) {
+        console.error("Fehler beim Verarbeiten des Tokens:", error);
+        setIsAdminLoggedIn(false);
       }
     }
   }, []);

components/modales/kueModal/KueModal.jsx

@@ -97,7 +97,7 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
   }, [showModal]); // nur von showModal abhängig ansonsten wird alle 10 Sekunden die Werte zurückgesetzt in Modal
   //------------------------------------------------------------------------------------------------------------
   useEffect(() => {
-    const token = localStorage.getItem("token");
+    const token = sessionStorage.getItem("token");
     if (token) {
       const decoded = decodeToken(token);
       if (decoded && decoded.role === "Admin") {