feat: Polyline-Tooltip-Logik ausgelagert in usePolylineTooltipLayer Hook

- Tooltip-Logik für Polylinien aus MapComponent.js in eigenen Hook ausgelagert.
- Neuer Hook: usePolylineTooltipLayer im hooks-Verzeichnis hinzugefügt.
- Dynamische Tooltip-Ausrichtung basierend auf Mausposition implementiert.
- Flexibilität für zukünftige Anpassungen verbessert.

components/MapComponent.js

@@ -43,6 +43,7 @@ import useLineData from "../hooks/useLineData.js";
 import { useMapComponentState } from "../hooks/useMapComponentState";
 import { disablePolylineEvents, enablePolylineEvents } from "../utils/setupPolylines";
 import { updateLocation } from "../utils/updateBereichUtil";
+import { usePolylineTooltipLayer } from "../hooks/usePolylineTooltipLayer";
 //--------------------------------------------
 import { currentPoiState } from "../redux/slices/currentPoiSlice.js";
 import { selectGisStationsStaticDistrict, setGisStationsStaticDistrict } from "../redux/slices/gisStationsStaticDistrictSlice";
@@ -480,7 +481,7 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
   }, []);
   //--------------------------------------------
   //Tooltip an mouse position anzeigen für die Linien
-  useEffect(() => {
+/*   useEffect(() => {
     if (!map) return;
 
     // Entferne alte Marker und Polylinien
@@ -541,8 +542,23 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
 
     setMarkers(newMarkers);
     setPolylines(newPolylines);
-  }, [map, linePositions, lineColors, tooltipContents, newPoint, newCoords, tempMarker, polylineVisible]);
+  }, [map, linePositions, lineColors, tooltipContents, newPoint, newCoords, tempMarker, polylineVisible]); */
 
+  usePolylineTooltipLayer(  
+    map,
+    markers,
+    polylines,
+    setMarkers,
+    setPolylines,
+    linePositions,
+    lineColors,
+    tooltipContents,
+    setNewCoords,
+    tempMarker,
+    polylineVisible,
+    newPoint,
+    newCoords 
+   );
   //--------------------------------------------
 
   useEffect(() => {