fix: resolve all ESLint errors and warnings

components/FleetSection.tsx

@@ -3,6 +3,7 @@
 import { motion } from "framer-motion";
 import { cn } from "@/lib/utils";
 import { FLEET_ITEMS, siteConfig } from "@/lib/data";
+import Image from "next/image";
 import Link from "next/link";
 import { MessageCircle } from "lucide-react";
 
@@ -37,10 +38,12 @@ export function FleetSection() {
             className="min-w-[320px] md:min-w-[500px] bg-surface-container-lowest flex flex-col group shadow-2xl"
           >
             <div className="h-64 md:h-96 overflow-hidden relative">
-              <img 
+              <Image 
                 className="w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-1000 group-hover:scale-105" 
                 src={v.image} 
                 alt={v.name} 
+                fill
+                sizes="(max-width: 768px) 320px, 500px"
               />
               <div className={cn(
                 "absolute top-0 left-0 px-4 py-2 font-label text-[10px] font-bold uppercase tracking-widest",