表格与页面样式调整

src/app/(root)/product/page.tsx

@@ -10,6 +10,7 @@ import {
   getPageProductSku,
 } from "@/actions/product"
 import { DataTable, useDataTable } from "@/components/data-table"
+import { Page } from "@/components/page"
 import { SkuCodeBadge } from "@/components/products/format"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
@@ -28,10 +29,10 @@ export default function ProductPage() {
   )
 
   return (
-    <div className="size-full flex gap-6 items-stretch">
+    <Page className="flex-row items-stretch">
       <Products selected={selected} onSelect={setSelected} />
       <ProductSkus selected={selected} />
-    </div>
+    </Page>
   )
 }