chore: optimize LCP images, fix Turbopack warning, update mock images

app/MenuClient.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState, useRef } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { useRouter, usePathname } from "next/navigation";
+import Image from "next/image";
 import { MenuCategory, MenuItem as MenuItemType } from "@/data/menu";
 import { CategoryNav } from "@/components/CategoryNav";
 import { MenuItem } from "@/components/MenuItem";
@@ -208,7 +209,7 @@ export default function MenuClient({ initialCategories, siteSettings, lang = "tr
 
             <div>
               {category.items.map((item, idx) => (
-                <MenuItem key={idx} item={item} onClick={() => setSelectedItem(item)} />
+                <MenuItem key={idx} item={item} onClick={() => setSelectedItem(item)} priority={index === 0 && idx < 5} />
               ))}
             </div>
           </motion.section>
@@ -289,7 +290,7 @@ export default function MenuClient({ initialCategories, siteSettings, lang = "tr
             >
               {selectedItem.image && (
                 <div className="w-full h-56 relative">
-                  <img src={selectedItem.image} alt={selectedItem.name} className="w-full h-full object-cover" />
+                  <Image src={selectedItem.image} alt={selectedItem.name} fill className="object-cover" sizes="(max-width: 768px) 100vw, 400px" priority />
                   <button
                     className="absolute top-3 right-3 bg-black/50 text-white w-8 h-8 rounded-full flex items-center justify-center backdrop-blur-md transition-colors hover:bg-black/70"
                     onClick={() => setSelectedItem(null)}