feat: Referenzkurve pro Slot dynamisch per Redux Slice laden und anzeigen

- Neuen Slice `tdrReferenceChartDataBySlot` eingeführt
- Thunk `fetchReferenceCurveBySlotThunk` erstellt
- Referenzdaten pro Slot in Redux gespeichert
- Zugriff im TDRChart angepasst auf neue Struktur

components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChart.tsx

@@ -9,6 +9,7 @@ import { Chart, registerables } from "chart.js";
 import "chartjs-adapter-date-fns";
 import { getColor } from "../../../../../../utils/colors";
 import TDRChartActionBar from "./TDRChartActionBar";
+import { fetchReferenceCurveBySlotThunk } from "../../../../../../redux/thunks/fetchReferenceCurveBySlotThunk";
 
 const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
   const dispatch = useDispatch<AppDispatch>();
@@ -43,12 +44,18 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
       ? tdrDataById[selectedId]
       : [];
   //--------------------------------
-
   const referenceChartData = useSelector((state: RootState) =>
     selectedSlot !== null
-      ? state.tdrReferenceChart.referenceData[selectedSlot] || []
+      ? state.tdrReferenceChartDataBySlot.referenceData[selectedSlot] || []
       : []
   );
+  //--------------------------------
+  useEffect(() => {
+    if (selectedSlot !== null) {
+      dispatch(fetchReferenceCurveBySlotThunk(selectedSlot));
+    }
+  }, [selectedSlot, dispatch]);
+
   //--------------------------------
   const tdmChartData = useSelector(
     (state: RootState) => state.tdmSingleChart.data