feat: circle, start and endIcon in components folder for Separation of Concerns (SOC)

components/EndIcon.js

@@ -0,0 +1,9 @@
+import L from "leaflet";
+const endIcon = L.divIcon({
+  className: "custom-end-icon",
+  html: "<div style='background-color:#ffffff;border-radius:50%;width:10px;height:10px;'></div>", // Blau für den Endpunkt
+  iconSize: [25, 25],
+  iconAnchor: [5, 5],
+});
+
+export default endIcon;