Bob AI: fix build errors (attempt 1)

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

@@ -74,7 +74,16 @@ function ProductPageContent({ params }: ProductPageProps) {
     }, [cartItems, checkout, getCheckoutItems]);
     
     const themeProviderProps = {
-        defaultButtonVariant: "expand-hover",        defaultTextAnimation: "background-highlight",        borderRadius: "pill",        contentWidth: "compact",        sizing: "largeSmallSizeLargeTitles",        background: "circleGradient",        cardStyle: "gradient-radial",        primaryButtonStyle: "double-inset",        secondaryButtonStyle: "layered",        headingFontWeight: "light"
+        defaultButtonVariant: "expand-hover" as const,
+        defaultTextAnimation: "background-highlight",
+        borderRadius: "pill",
+        contentWidth: "compact",
+        sizing: "largeSmallSizeLargeTitles",
+        background: "circleGradient",
+        cardStyle: "gradient-radial",
+        primaryButtonStyle: "double-inset",
+        secondaryButtonStyle: "layered",
+        headingFontWeight: "light"
     };
 
     const navbarProps = {

src/app/shop/page.tsx

@@ -17,11 +17,21 @@ function ShopPageContent() {
     } = useProductCatalog({ basePath: "/shop" });
 
     const themeProviderProps = {
-        defaultButtonVariant: "expand-hover",        defaultTextAnimation: "background-highlight",        borderRadius: "pill",        contentWidth: "compact",        sizing: "largeSmallSizeLargeTitles",        background: "circleGradient",        cardStyle: "gradient-radial",        primaryButtonStyle: "double-inset",        secondaryButtonStyle: "layered",        headingFontWeight: "light"
+        defaultButtonVariant: "expand-hover" as const,
+        defaultTextAnimation: "background-highlight" as const,
+        borderRadius: "pill" as const,
+        contentWidth: "compact" as const,
+        sizing: "largeSmallSizeLargeTitles" as const,
+        background: "circleGradient" as const,
+        cardStyle: "gradient-radial" as const,
+        primaryButtonStyle: "double-inset" as const,
+        secondaryButtonStyle: "layered" as const,
+        headingFontWeight: "light" as const
     };
 
     const navbarProps = {
-        brandName: "No song",        navItems: [
+        brandName: "No song",
+        navItems: [
             { name: "Home", id: "/" },
             { name: "Shop", id: "/shop" }
         ],
@@ -71,4 +81,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}