chore: update eslint and prettier configuration

src/components/dashboard/dashboard-map.tsx

@@ -59,18 +59,23 @@ export function DashboardMap({
 
       for (const [pkgName, pkg] of Object.entries(packagesToProcess)) {
         if (!pkg) continue;
-        
+
         const chainagesToProcess =
           selectedChainageId && selectedChainageId !== 'all'
-            ? { [selectedChainageId]: (pkg as any).chainages?.[selectedChainageId] }
+            ? {
+                [selectedChainageId]: (pkg as any).chainages?.[
+                  selectedChainageId
+                ],
+              }
             : (pkg as any).chainages || {};
 
         for (const [chnName, chn] of Object.entries(chainagesToProcess)) {
           if (!chn) continue;
-            const chainageDetections = ((chn as any).detections || []).filter(
-              (d: any) => (d.type || d.class || '').toLowerCase() !== 'good_sign_board'
-            );
-            filteredDetections.push(...chainageDetections);
+          const chainageDetections = ((chn as any).detections || []).filter(
+            (d: any) =>
+              (d.type || d.class || '').toLowerCase() !== 'good_sign_board',
+          );
+          filteredDetections.push(...chainageDetections);
         }
       }
 
@@ -99,16 +104,18 @@ export function DashboardMap({
   const validDetections = detections.filter((d) => {
     const hasGps = d.latitude && d.longitude;
     if (!hasGps) return false;
-    
+
     if (selectedTypes.length === 0) return true;
     const typeId = (d.type || d.class || '').toLowerCase();
     return selectedTypes.includes(typeId);
   });
 
   return (
-    <Card 
+    <Card
       className={`overflow-hidden transition-all duration-300 p-2 rounded-lg ${
-        isMaximized ? 'fixed inset-0 z-100 m-0 rounded-none bg-background' : className
+        isMaximized
+          ? 'fixed inset-0 z-100 m-0 rounded-none bg-background'
+          : className
       }`}
     >
       <CardContent className="p-0 relative rounded-lg">
@@ -119,9 +126,13 @@ export function DashboardMap({
               variant="default"
               size="icon"
               onClick={() => setIsMaximized(!isMaximized)}
-              title={isMaximized ? "Exit Fullscreen" : "Maximize Map"}
+              title={isMaximized ? 'Exit Fullscreen' : 'Maximize Map'}
             >
-              {isMaximized ? <Minimize2 className="h-5 w-5" /> : <Maximize2 className="h-5 w-5" />}
+              {isMaximized ? (
+                <Minimize2 className="h-5 w-5" />
+              ) : (
+                <Maximize2 className="h-5 w-5" />
+              )}
             </Button>
           </div>
         </div>
@@ -133,9 +144,12 @@ export function DashboardMap({
               {Object.values(DETECTION_TYPES).map((type) => {
                 const typeId = type.id.toLowerCase();
                 const count = detections.filter(
-                  (d) => (d.type || d.class || '').toLowerCase() === typeId && d.latitude && d.longitude
+                  (d) =>
+                    (d.type || d.class || '').toLowerCase() === typeId &&
+                    d.latitude &&
+                    d.longitude,
                 ).length;
-                
+
                 if (
                   count === 0 &&
                   (type.id.includes('culvert') || type.id === 'drain_issue')
@@ -143,21 +157,20 @@ export function DashboardMap({
                   return null;
                 if (type.id === 'good_sign_board') return null;
 
-                const isSelected = selectedTypes.length === 0 || selectedTypes.includes(typeId);
+                const isSelected =
+                  selectedTypes.length === 0 || selectedTypes.includes(typeId);
 
                 return (
                   <button
                     key={type.id}
                     onClick={() => toggleType(typeId)}
                     className={`flex items-center gap-2 px-2 py-1.5 text-zinc-100 rounded-full transition-all text-xs ${
-                      isSelected 
-                        ? 'bg-zinc-800/80  ' 
-                        : 'bg-transparent '
+                      isSelected ? 'bg-zinc-800/80  ' : 'bg-transparent '
                     }`}
                   >
-                    <div 
-                      className="w-3 h-3 rounded-sm" 
-                      style={{ backgroundColor: type.color }} 
+                    <div
+                      className="w-3 h-3 rounded-sm"
+                      style={{ backgroundColor: type.color }}
                     />
                     <span>
                       {type.label} ({count})
@@ -169,7 +182,9 @@ export function DashboardMap({
           </div>
         </div>
 
-        <div className={`${isMaximized ? 'h-screen' : 'h-[600px]'} w-full relative transition-all`}>
+        <div
+          className={`${isMaximized ? 'h-screen' : 'h-[600px]'} w-full relative transition-all`}
+        >
           {isLoading ? (
             <div className="h-full w-full flex items-center justify-center bg-muted/50">
               <Loader2 className="h-8 w-8 text-primary animate-spin" />
@@ -181,7 +196,9 @@ export function DashboardMap({
           ) : validDetections.length === 0 ? (
             <div className="h-full w-full flex items-center justify-center bg-muted/50">
               <div className="text-center">
-                <p className="text-muted-foreground">No detections with GPS coordinates found</p>
+                <p className="text-muted-foreground">
+                  No detections with GPS coordinates found
+                </p>
                 <p className="text-sm text-muted-foreground mt-1 opacity-70">
                   Process some videos to see detections on the map
                 </p>
@@ -192,7 +209,6 @@ export function DashboardMap({
           )}
 
           {/* Bottom Left Label Overlay */}
-       
         </div>
       </CardContent>
     </Card>