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

components/CircleIcon.js

@@ -0,0 +1,12 @@
+// /components/CircleIcon.js
+import L from "leaflet";
+import "leaflet/dist/leaflet.css";
+
+const circleIcon = L.divIcon({
+  className: "custom-div-icon",
+  html: "<div style='background-color:#298a00;border-radius:50%;width:10px;height:10px;'></div>",
+  iconSize: [25, 25],
+  iconAnchor: [5, 5],
+});
+
+export default circleIcon;