git commit -m "feat: UI-Optimierung für analoge Eingänge & Diagramm

- Layout verbessert: Tabelle und Diagramm jetzt nebeneinander (grid-responsive)
- Responsivität optimiert: Kein unnötiges horizontales Scrollen mehr
- Diagramm verbessert:
  - Höhere Lesbarkeit mit stärkeren Linien und Abstand für Achsenbeschriftungen
  - Anpassung der Höhe und Breite für mobile & große Bildschirme
- Tabelle optimiert:
  - Bessere Lesbarkeit mit größeren Abständen
  - Hover-Effekte für Zeilen
  - Dynamisches Spaltenlayout für kleine & große Bildschirme
- Code aufgeräumt und verbessert

Test auf verschiedenen Bildschirmgrößen erfolgreich!"

components/main/analogeEingaenge/hooks/useFetchAnalogeEingaenge.ts

@@ -0,0 +1,28 @@
+// components/main/analogeEingaenge/hooks/useFetchAnalogeEingaenge.ts
+import { useEffect } from "react";
+import { useDispatch } from "react-redux";
+import {
+  loadFromWindow,
+  setAnalogeEingaenge,
+} from "../../../../redux/slices/analogeEingaengeSlice";
+
+export const useFetchAnalogeEingaenge = () => {
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    dispatch(loadFromWindow()); // Initial Mock-Daten aus `window` laden
+
+    const interval = setInterval(async () => {
+      try {
+        const response = await fetch("/api/get-embedded-data");
+        if (!response.ok) throw new Error("Fehler beim Abrufen der Daten");
+        const data = await response.json();
+        dispatch(setAnalogeEingaenge(data));
+      } catch (error) {
+        console.error("Fehler beim Abruf der Sensordaten:", error);
+      }
+    }, 5000); // Alle 5 Sekunden neue Daten abrufen
+
+    return () => clearInterval(interval);
+  }, [dispatch]);
+};