Bob AI: fix build errors (attempt 1)

src/app/shop/[id]/page.tsx

@@ -1,4 +1,4 @@
-use client";
+"use client";
 
 import { Suspense, use, useCallback } from "react";
 import { useRouter } from "next/navigation";
@@ -13,7 +13,7 @@ import { useCheckout } from "@/hooks/useCheckout";
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 interface ProductPageProps {
-    params: Promise<{ id: string }>;
+    params: { id: string };
 }
 
 export default function ProductPage({ params }: ProductPageProps) {
@@ -25,7 +25,7 @@ export default function ProductPage({ params }: ProductPageProps) {
 }
 
 function ProductPageContent({ params }: ProductPageProps) {
-    const { id } = use(params);
+    const { id } = params;
     const router = useRouter();
 
     const {
@@ -217,7 +217,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         total={`$${cartTotal}`}
                         buttons={[
                             {
-                                text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
+                                text: isCheckoutLoading ? "Processing..." : "Check Out",
+                                onClick: handleCheckout,
                             },
                         ]}
                     />
@@ -226,4 +227,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -1,4 +1,4 @@
-use client";
+"use client";
 
 import { Suspense } from "react";
 import ReactLenis from "lenis/react";
@@ -142,4 +142,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}