fix: correct metadata access and locale variable names

src/app/[locale]/products/[slug]/page.tsx

@@ -87,7 +87,7 @@ export default async function ProductPage({ params }: ProductPageProps) {
 
   let relatedProducts: Product[] = [];
   try {
-    const allProducts = await getProducts(productLocale, 8);
+    const allProducts = await getProducts(saleorLocale, 8);
     relatedProducts = allProducts
       .filter((p: Product) => p.id !== product.id)
       .slice(0, 4);

src/app/[locale]/products/page.tsx

@@ -86,7 +86,7 @@ export default async function ProductsPage({ params }: ProductsPageProps) {
                       key={product.id}
                       product={product}
                       index={index}
-                      locale={productLocale}
+                      locale={validLocale}
                     />
                   ))}
                 </div>