chore: update eslint and prettier configuration

src/app/(modules)/results/[videoId]/page.tsx

@@ -19,8 +19,11 @@ export default function VideoResultsPage() {
   const router = useRouter();
   const { videoId } = useParams() as { videoId: string };
   const [session, setSession] = useState<SessionContext | null>(null);
-  const [detectionData, setDetectionData] = useState<DetectionData | null>(null);
-  const [detectionType, setDetectionType] = useState<DetectionType>('pothole-detection');
+  const [detectionData, setDetectionData] = useState<DetectionData | null>(
+    null,
+  );
+  const [detectionType, setDetectionType] =
+    useState<DetectionType>('pothole-detection');
   const [videoFile, setVideoFile] = useState<File | null>(null);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -89,7 +92,9 @@ export default function VideoResultsPage() {
       <div className="min-h-screen flex items-center justify-center">
         <Card className="flex flex-col items-center gap-4 p-8">
           <Loader2 className="h-8 w-8 animate-spin text-primary" />
-          <p className="text-sm text-muted-foreground">Loading detection results...</p>
+          <p className="text-sm text-muted-foreground">
+            Loading detection results...
+          </p>
         </Card>
       </div>
     );
@@ -101,7 +106,10 @@ export default function VideoResultsPage() {
         <Card className="flex flex-col items-center gap-6 p-8 text-center max-w-md">
           <p className="text-destructive font-medium">{error}</p>
           <div className="flex gap-4">
-            <Button onClick={() => router.push(ROUTES.UPLOAD)} variant="outline">
+            <Button
+              onClick={() => router.push(ROUTES.UPLOAD)}
+              variant="outline"
+            >
               Back to Upload
             </Button>
             <Button onClick={handleNewAnalysis}>New Analysis</Button>
@@ -116,7 +124,11 @@ export default function VideoResultsPage() {
       <main className="min-h-screen">
         <div className="container mx-auto px-6 py-10 max-w-[1600px]">
           <div className="mb-8">
-            <PageHeader title={getTitle()} description={`Video ID: ${videoId}`} icon={TrendingUp} />
+            <PageHeader
+              title={getTitle()}
+              description={`Video ID: ${videoId}`}
+              icon={TrendingUp}
+            />
           </div>
 
           {session && (

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

@@ -55,8 +55,10 @@ export default function ResultsPage() {
   };
 
   const getTitle = () => {
-    if (detectionType === 'pothole-detection') return 'Pothole Detection Results';
-    if (detectionType === 'sign-board-detection') return 'Signboard Detection Results';
+    if (detectionType === 'pothole-detection')
+      return 'Pothole Detection Results';
+    if (detectionType === 'sign-board-detection')
+      return 'Signboard Detection Results';
     return 'Pothole & Signboard Detection Results';
   };