fix: Anzeige der analogen Eingänge auf 8 Einträge beschränkt und Chart korrigiert

- Tabelle filtert nun korrekt auf echte analoge Eingänge (ID vorhanden)
- Diagramm zeigt nur echte analoge Eingänge (ID vorhanden)
- Leere oder ungültige Einträge werden nicht mehr angezeigt
- Konsistente Darstellung in Tabelle und Chart

components/main/analogeEingaenge/AnalogInputsChart.tsx

@@ -1,4 +1,5 @@
-"use client"; // components/main/analogeEingaenge/AnalogInputsChart.tsx
+"use client";
+// components/main/analogeEingaenge/AnalogInputsChart.tsx
 import React from "react";
 import { useSelector } from "react-redux";
 import { RootState } from "../../../redux/store";
@@ -17,17 +18,15 @@ export default function AnalogInputsChart() {
     (state: RootState) => state.analogeEingaengeSlice
   );
 
-  // Daten für das Diagramm vorbereiten
-  const chartData = Object.values(analogInputs).map((input) => ({
-    name: `Input ${input.id}`,
-    value: input.value ?? 0, // Falls kein Wert vorhanden ist, wird 0 gesetzt
-  }));
+  const chartData = Object.values(analogInputs)
+    .filter((input) => input?.id !== null && input?.id !== undefined)
+    .map((input) => ({
+      name: `Eingang ${input.id}`,
+      Wert: input.value ?? 0,
+    }));
 
   return (
     <div className="w-full h-[350px] bg-white shadow-md rounded-lg p-4 border border-gray-200">
-      <h3 className="text-sm font-semibold mb-2 text-gray-700">
-        Analog Inputs Chart
-      </h3>
       <ResponsiveContainer width="100%" height="100%">
         <LineChart
           data={chartData}
@@ -39,7 +38,7 @@ export default function AnalogInputsChart() {
           <Tooltip />
           <Line
             type="monotone"
-            dataKey="value"
+            dataKey="Wert"
             stroke="#4A90E2"
             strokeWidth={2}
           />