Update dependencies to latest versions

ecommerce/app/[...page]/page.tsx

@@ -1,5 +1,5 @@
-import { builder } from "@builder.io/sdk";
-import { RenderBuilderContent } from "@/src/components/builder";
+import { builder } from '@builder.io/sdk';
+import { RenderBuilderContent } from '@/src/components/builder';
 
 builder.init(process.env.NEXT_PUBLIC_BUILDER_API_KEY!);
 
@@ -9,30 +9,37 @@ interface PageProps {
   };
 }
 
-// export const revalidate = 500;
-
 export default async function Page(props: PageProps) {
-  const builderModelName = "page";
-  let locale = "en-US";
+  const builderModelName = 'page';
+  let locale = 'en-US';
 
   const content = await builder
     // Get the page content from Builder with the specified options
     .get(builderModelName, {
       userAttributes: {
         // Use the page path specified in the URL to fetch the content
-        urlPath: "/" + (props?.params?.page?.join("/") || ""),
-        locale,
+        urlPath: '/' + (props?.params?.page?.join('/') || ''),
+        // When content is localized through Targeting, the locale should be passed to the userAttributes
+        // As of Gen1 SDK v6.0.3 or Gen2 SDK v2.0.31, locale in either UserAttributes OR base options are checked for all locale features, and only one is needed
+        // locale: locale,
         loggedIn: true,
       },
-      locale
+      // When content is localized in-page, the locale should be passed directly to the options
+      locale: locale,
     })
     // Convert the result to a promise
     .toPromise();
 
   return (
     <>
       {/* Render the Builder page */}
-      <RenderBuilderContent locale={locale} content={content} model={builderModelName} options={{ enrich: true }}/>
+      <RenderBuilderContent
+        locale={locale}
+        content={content}
+        model={builderModelName}
+        options={{ enrich: true }}
+        data={{ username: 'user@builder' }}
+      />
     </>
   );
-}
+}