fix: cart delete mutation and console warnings

- Fix checkoutLinesDelete mutation: use 'id' param and 'linesIds' instead of 'lineIds'
- Fix viewport metadata warning: move to separate viewport export in layout.tsx
- Add sizes prop to checkout Image with fill
- Fix CartDrawer init checkout useEffect to prevent re-render loops
- Various product detail improvements

src/app/checkout/page.tsx

@@ -442,6 +442,7 @@ export default function CheckoutPage() {
                               src={line.variant.product.media[0].url}
                               alt={line.variant.product.name}
                               fill
+                              sizes="64px"
                               className="object-cover"
                             />
                           )}

src/app/layout.tsx

@@ -1,5 +1,5 @@
 import "./globals.css";
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import ErrorBoundary from "@/components/providers/ErrorBoundary";
 
 export const metadata: Metadata = {
@@ -7,9 +7,8 @@ export const metadata: Metadata = {
     default: "ManoonOils - Premium Natural Oils for Hair & Skin",
     template: "%s | ManoonOils",
   },
-  description: "Discover our premium collection of natural oils for hair and skin care. Handmade with love.",
+  description: "Discover our premium collection of natural oils for hair and skin care.",
   robots: "index, follow",
-  viewport: "width=device-width, initial-scale=1, maximum-scale=5",
   openGraph: {
     title: "ManoonOils - Premium Natural Oils for Hair & Skin",
     description: "Discover our premium collection of natural oils for hair and skin care.",
@@ -18,6 +17,12 @@ export const metadata: Metadata = {
   },
 };
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 5,
+};
+
 // Suppress extension-caused hydration warnings
 const suppressHydrationWarning = true;