feat(api): restructure api with axios and chainage related changes

src/components/dashboard/dashboard-map.tsx

@@ -3,7 +3,7 @@
 import { useEffect, useState } from "react"
 import dynamic from "next/dynamic"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { Loader2, MapPin } from "lucide-react"
+import { Loader2, Milestone } from "lucide-react"
 import { Detection } from "@/types"
 
 // Dynamically import the map to avoid SSR issues with Leaflet
@@ -23,7 +23,7 @@ interface DashboardMapProps {
     className?: string
     selectedProjectId?: string | null
     selectedPackageId?: string | null
-    selectedLocationId?: string | null
+    selectedChainageId?: string | null
     projectSummary?: any
 }
 
@@ -31,7 +31,7 @@ export function DashboardMap({
     className,
     selectedProjectId,
     selectedPackageId,
-    selectedLocationId,
+    selectedChainageId,
     projectSummary
 }: DashboardMapProps) {
     const [detections, setDetections] = useState<Detection[]>([])
@@ -56,14 +56,14 @@ export function DashboardMap({
                 : projectSummary.packages || {}
 
             for (const [pkgName, pkg] of Object.entries(packagesToProcess)) {
-                const locationsToProcess = selectedLocationId && selectedLocationId !== "all"
-                    ? { [selectedLocationId]: (pkg as any).locations[selectedLocationId] }
-                    : (pkg as any).locations || {}
+                const chainagesToProcess = selectedChainageId && selectedChainageId !== "all"
+                    ? { [selectedChainageId]: (pkg as any).chainages[selectedChainageId] }
+                    : (pkg as any).chainages || {}
 
-                for (const [locName, loc] of Object.entries(locationsToProcess)) {
-                    if (!loc) continue
-                    const locationDetections = (loc as any).detections || []
-                    filteredDetections.push(...locationDetections)
+                for (const [chnName, chn] of Object.entries(chainagesToProcess)) {
+                    if (!chn) continue
+                    const chainageDetections = (chn as any).detections || []
+                    filteredDetections.push(...chainageDetections)
                 }
             }
 
@@ -74,7 +74,7 @@ export function DashboardMap({
         } finally {
             setIsLoading(false)
         }
-    }, [projectSummary, selectedPackageId, selectedLocationId])
+    }, [projectSummary, selectedPackageId, selectedChainageId])
 
     // Filter detections with valid GPS coordinates
     const validDetections = detections.filter(d => d.latitude && d.longitude)
@@ -94,7 +94,7 @@ export function DashboardMap({
                 <div className="flex items-center justify-between">
                     <div className="flex items-center gap-3">
                         <div className="p-2 rounded-md bg-secondary text-secondary-foreground flex items-center justify-center">
-                            <MapPin className="h-5 w-5" />
+                            <Milestone className="h-5 w-5" />
                         </div>
                         <div>
                             <CardTitle className="text-base font-bold">