Ported more functionality

app/[locale]/[[...slug]]/product-page.tsx

@@ -0,0 +1,16 @@
+import ProductView from "components/product/product-view";
+
+interface ProductPageProps {
+  data: object | any
+}
+
+// This is a Client Component. It receives data as props and
+// has access to state and effects just like Page components
+// in the `pages` directory.
+export default function ProductPage({data }: ProductPageProps) {
+  const { product } = data;
+
+  return (
+    <ProductView product={product} relatedProducts={[]} />
+  )
+}