linter errors fixed

Author: AdityaGoyal1999

frontend/app/dashboard/billing/page.tsx

@@ -96,7 +96,7 @@ function BillingPageContent() {
     }
   }
 
-  const { start, end } = useMemo(() => getMonthWindow(new Date()), []);
+  const { end } = useMemo(() => getMonthWindow(new Date()), []);
 
   const loadBilling = async () => {
     setLoading(true);

frontend/app/dashboard/history/page.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Image from "next/image";
 import { useEffect, useState } from "react";
 import { createClient } from "@/lib/supabase/client";
 import { ChevronRight } from "lucide-react";
@@ -210,11 +211,14 @@ export default function HistoryPage() {
                     </p>
                   </div>
 
-                  <div className="overflow-hidden rounded-lg border border-border bg-muted/20">
+                  <div className="relative min-h-[180px] overflow-hidden rounded-lg border border-border bg-muted/20">
                     {selectedScan.image_url ? (
-                      <img
+                      <Image
                         src={selectedScan.image_url}
                         alt="Scan capture"
+                        width={1200}
+                        height={900}
+                        unoptimized
                         className="h-auto max-h-[340px] w-full object-contain"
                       />
                     ) : (

frontend/app/dashboard/usage/page.tsx

@@ -21,7 +21,7 @@ export default function UsagePage() {
   const [numScans, setNumScans] = useState<number>(0);
   const [nextBillingDate, setNextBillingDate] = useState<string | null>(null);
 
-  const { start, end } = useMemo(() => getMonthWindow(new Date()), []);
+  const { end } = useMemo(() => getMonthWindow(new Date()), []);
 
   useEffect(() => {
     const loadUsage = async () => {
@@ -94,7 +94,7 @@ export default function UsagePage() {
               renewsOn={nextBillingDate ? new Date(nextBillingDate) : end}
             />
           ) : (
-            <FreeUsageCard used={numScans} resetOn={end} />
+            <FreeUsageCard used={numScans} />
           )
         )}
       </div>

frontend/components/new-image/image-upload-zone.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Image from "next/image";
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 import { ClipboardPaste, ImagePlus, Loader2, Upload, X } from "lucide-react";
@@ -56,11 +57,14 @@ export function ImageUploadZone({
 
       {imageData ? (
         <div className="relative flex min-h-[280px] flex-col items-center justify-center p-6 sm:min-h-[320px]">
-          <div className="relative max-h-[320px] overflow-hidden rounded-lg border border-border bg-background shadow-sm">
-            <img
+          <div className="relative h-[min(320px,70vh)] w-full max-w-full overflow-hidden rounded-lg border border-border bg-background shadow-sm">
+            <Image
               src={imageData}
               alt="Pasted or uploaded preview"
-              className="max-h-[300px] w-auto max-w-full object-contain sm:max-h-[320px]"
+              fill
+              unoptimized
+              className="object-contain"
+              sizes="(max-width: 640px) 100vw, 36rem"
             />
           </div>
           <div className="mt-4 flex flex-wrap items-center justify-center gap-2">

frontend/components/usage-cards.tsx

@@ -37,7 +37,7 @@ function UsageMeter({ used, limit }: { used: number; limit: number }) {
   );
 }
 
-export function FreeUsageCard({ used, resetOn }: { used: number; resetOn: Date }) {
+export function FreeUsageCard({ used }: { used: number }) {
   const limit = 5;
   const remaining = Math.max(0, limit - used);
 

frontend/hooks/use-scan-usage.ts

@@ -28,7 +28,10 @@ export function useScanUsage() {
   }, []);
 
   useEffect(() => {
-    void loadUsage();
+    const run = () => {
+      void loadUsage();
+    };
+    queueMicrotask(run);
   }, [loadUsage]);
 
   const limit = isPro ? 50 : 5;

frontend/lib/supabase/proxy.ts

@@ -15,7 +15,7 @@ export async function updateSession(request: NextRequest) {
           return request.cookies.getAll()
         },
         setAll(cookiesToSet) {
-          cookiesToSet.forEach(({ name, value, options }) => request.cookies.set(name, value))
+          cookiesToSet.forEach(({ name, value }) => request.cookies.set(name, value))
           supabaseResponse = NextResponse.next({
             request,
           })