feat: Separate Darstellung für Loop- und TDR-Charts implementiert

- `LoopMeasurementChart.tsx` und `TDRChart.tsx` mit Mock-Daten für Tests ergänzt.
- `LoopChartActionBar.tsx` und `TDRChartActionBar.tsx` korrekt in `ChartSwitcher.tsx` integriert.
- `ChartModal.tsx` umbenannt zu `ChartSwitcher.tsx` für klarere Struktur.
- Redux `activeMode` sorgt jetzt für den richtigen Wechsel zwischen Loop- und TDR-Charts.
- Verbesserte Verzeichnisstruktur für bessere Wartbarkeit und Skalierbarkeit.

components/modules/kue705FO/Kue705FO.tsx

@@ -1,9 +1,9 @@
-"use client"; // components/modules/Kue705FO.tsx
+"use client"; // components/modules/kue705FO/Kue705FO.tsx
 import React, { useState, useEffect, useRef } from "react";
 import ReactModal from "react-modal";
 import Chart from "chart.js/auto";
 import { useSelector } from "react-redux";
-import KueModal from "../../modales/kueModal/KueModal";
+import KueModal from "./KueModal";
 import "bootstrap-icons/font/bootstrap-icons.css"; // Import Bootstrap Icons
 import { RootState } from "../../../redux/store";
 import { DataTDR } from "../../../redux/types/chartDataTypesTDR";
@@ -12,7 +12,6 @@ import {
   setSelectedChartData,
   setSelectedFileName,
 } from "../../../redux/slices/variablesSlice";
-import TDRPopup from "../../modales/kueModal/LoopTDRChartActionBar";
 import { createLoopChart, createTDRChart } from "../../../utils/chartUtils";
 import { getAlarmDisplayText } from "../../../utils/alarmUtils";
 import { goLoop } from "../../../utils/goLoop";
@@ -20,8 +19,10 @@ import { goTDR } from "../../../utils/goTDR";
 import { loadTDRChartData } from "../../../utils/loadTDRChartData";
 import { loadLoopChartData } from "../../../utils/loadLoopChartData";
 import { Kue705FOProps } from "../../../types/components/Kue705FOProps";
-import ChartModal from "./charts/ChartModal";
+import ChartSwitcher from "./charts/ChartSwitcher";
 import { setActiveMode } from "../../../redux/slices/chartDataSlice";
+import LoopMeasurementChart from "./charts/LoopMeasurementChart/LoopMeasurementChart";
+import TDRChart from "./charts/TDRChart/TDRChart";
 
 const Kue705FO: React.FC<Kue705FOProps> = ({
   isolationswert,
@@ -91,10 +92,11 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
 
   const handleOpenChartModal = () => {
     setShowChartModal(true);
+
     if (activeButton === "TDR") {
-      loadTDRChartData(selectedFileName, setChartData);
+      dispatch(setActiveMode("TDR"));
     } else {
-      loadLoopChartData(slotIndex, setChartData);
+      dispatch(setActiveMode("Schleife"));
     }
   };
 
@@ -430,11 +432,16 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
 
           {/* Modal für Messkurve */}
           {showChartModal && (
-            <ChartModal
+            <ChartSwitcher
               isOpen={showChartModal}
               onClose={handleCloseChartModal}
-              chartRef={chartRef}
-            />
+            >
+              {activeButton === "Schleife" ? (
+                <LoopMeasurementChart />
+              ) : (
+                <TDRChart />
+              )}
+            </ChartSwitcher>
           )}
         </>
       ) : (