init commit,

03_source/frontend/src/pages/product/details.tsx

@@ -0,0 +1,24 @@
+import { useParams } from 'src/routes/hooks';
+
+import { CONFIG } from 'src/global-config';
+import { useGetProduct } from 'src/actions/product';
+
+import { ProductShopDetailsView } from 'src/sections/product/view';
+
+// ----------------------------------------------------------------------
+
+const metadata = { title: `Product details - ${CONFIG.appName}` };
+
+export default function Page() {
+  const { id = '' } = useParams();
+
+  const { product, productLoading, productError } = useGetProduct(id);
+
+  return (
+    <>
+      <title>{metadata.title}</title>
+
+      <ProductShopDetailsView product={product} loading={productLoading} error={productError} />
+    </>
+  );
+}