feat: Startpunkt Dreieck , Endpunkt Viereck, alle Punkt (Stützpunkt,Start un end) grau färben

components/StartIcon.js

@@ -1,9 +1,12 @@
 // Custom circle icon for draggable markers
+// Custom triangle icon for draggable markers
 import L from "leaflet";
+
 const startIcon = L.divIcon({
   className: "custom-start-icon",
-  html: "<div style='background-color:#000000;border-radius:50%;width:10px;height:10px;'></div>", // Rot für den Startpunkt
-  iconSize: [25, 25],
-  iconAnchor: [5, 5],
+  html: "<div style='width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 14px solid gray;'></div>", // Graues Dreieck
+  iconSize: [10, 10],
+  iconAnchor: [8, 8],
 });
+
 export default startIcon;