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

src/app/(modules)/results/page.tsx

@@ -7,12 +7,7 @@ import { Loader2, TrendingUp } from "lucide-react"
 import VideoPlayerSection from "@/components/video-player-section"
 import { PageHeader } from "@/components/page-header"
 import { PoweredBy } from "@/components/powered-by"
-import {
-    loadSession,
-    loadVideoData,
-    isSessionValid,
-    clearSession
-} from "@/lib/api"
+import { sessionService } from "@/services/api"
 import { SessionContext, DetectionData, DetectionType } from "@/types"
 import { clearVideoFile } from "@/lib/video-storage"
 import { ROUTES } from "@/utils/routes"
@@ -30,10 +25,10 @@ export default function ResultsPage() {
 
     // Load session and video data on mount
     useEffect(() => {
-        const storedSession = loadSession()
-        const videoData = loadVideoData()
+        const storedSession = sessionService.loadSession()
+        const videoData = sessionService.loadVideoData()
 
-        if (!isSessionValid(storedSession) || !videoData) {
+        if (!sessionService.isSessionValid(storedSession) || !videoData) {
             router.replace(ROUTES.NEW_ANALYSIS)
             return
         }
@@ -56,7 +51,7 @@ export default function ResultsPage() {
                 console.error("Failed to clear video file:", err)
             }
         }
-        clearSession()
+        sessionService.clearSession()
         router.push(ROUTES.NEW_ANALYSIS)
     }
 
@@ -118,9 +113,9 @@ export default function ResultsPage() {
                                             </span>
                                         </div>
                                         <div className="flex flex-col border-l pl-12 border-border/60">
-                                            <span className="text-[10px] font-bold uppercase tracking-widest text-muted-foreground mb-1.5">Location</span>
+                                            <span className="text-[10px] font-bold uppercase tracking-widest text-muted-foreground mb-1.5">Chainage</span>
                                             <span className="text-sm font-semibold text-muted-foreground leading-tight">
-                                                {session.locationName}
+                                                {session.chainageName}
                                             </span>
                                         </div>
                                     </div>