feat: Detailansicht auf dynamische Redux-Datenquellen umgestellt

- DetailModal.tsx überarbeitet, um Redux-Daten je nach ausgewähltem Key (+5V, +15V, -15V, -98V, ADC Temp, CPU Temp) anzuzeigen
- Zeitraum-Auswahl (DIA0, DIA1, DIA2) wird berücksichtigt und löst passenden Thunk aus
- Redux-State-Struktur vollständig integriert für Systemspannungen und Temperaturen
- Chart-Anzeige jetzt dynamisch und erweiterbar

components/main/system/DetailModal.tsx

@@ -13,6 +13,8 @@ type Props = {
   setZeitraum: (typ: "DIA0" | "DIA1" | "DIA2") => void;
 };
 
+type ReduxDataEntry = { t: string; i: number };
+
 export const DetailModal = ({
   isOpen,
   selectedKey,
@@ -20,22 +22,27 @@ export const DetailModal = ({
   zeitraum,
   setZeitraum,
 }: Props) => {
-  const typMap: Record<string, "DIA0" | "DIA1" | "DIA2"> = {
-    "+5V": zeitraum,
-    "+15V": zeitraum,
-    "-15V": zeitraum,
-    "-98V": zeitraum,
-  };
+  const reduxData: ReduxDataEntry[] = useSelector((state: RootState) => {
+    switch (selectedKey) {
+      case "+5V":
+        return state.systemspannung5Vplus[zeitraum] as ReduxDataEntry[];
+      case "+15V":
+        return state.systemspannung15Vplus[zeitraum] as ReduxDataEntry[];
+      case "-15V":
+        return state.systemspannung15Vminus[zeitraum] as ReduxDataEntry[];
+      case "-98V":
+        return state.systemspannung98Vminus[zeitraum] as ReduxDataEntry[];
+      case "ADC Temp":
+        return state.temperaturAdWandler[zeitraum] as ReduxDataEntry[];
+      case "CPU Temp":
+        return state.temperaturProzessor[zeitraum] as ReduxDataEntry[];
+      default:
+        return [] as ReduxDataEntry[];
+    }
+  });
 
-  const typ = selectedKey ? typMap[selectedKey] : null;
-  type ReduxDataItem = { t: string; i: number };
-
-  const reduxData = useSelector((state: RootState) =>
-    typ ? (state.systemspannung5Vplus[typ] as ReduxDataItem[]) : []
-  );
-
-  const labels = reduxData.map((e: ReduxDataItem) => e.t);
-  const values = reduxData.map((e: ReduxDataItem) => e.i);
+  const labels = reduxData.map((e: ReduxDataEntry) => e.t);
+  const values = reduxData.map((e: ReduxDataEntry) => e.i);
 
   const baseOptions = {
     responsive: true,
@@ -61,7 +68,7 @@ export const DetailModal = ({
 
   return (
     <div className="fixed inset-0 bg-black bg-opacity-40 flex items-center justify-center z-50">
-      <div className="bg-white p-6 rounded-xl w-[90%] max-w-[1200px] h-[80vh] overflow-auto shadow-2xl">
+      <div className="bg-white p-6 rounded-xl w-[50%]  h-[60%] overflow-auto shadow-2xl">
         <div className="flex justify-between items-center mb-4">
           <h2 className="text-xl font-semibold">
             Detailansicht: {selectedKey}
@@ -86,7 +93,7 @@ export const DetailModal = ({
           </select>
         </div>
 
-        <div className="h-[500px]">
+        <div className="h-[85%]">
           <Line
             data={{
               labels,