表格与页面样式调整

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

@@ -4,6 +4,7 @@ import { Suspense, useState } from "react"
 import { toast } from "sonner"
 import { deleteCoupon, getPagCoupon } from "@/actions/coupon"
 import { DataTable, useDataTable } from "@/components/data-table"
+import { Page } from "@/components/page"
 import {
   AlertDialog,
   AlertDialogAction,
@@ -24,7 +25,7 @@ export default function CouponPage() {
   const table = useDataTable((page, size) => getPagCoupon({ page, size }))
 
   return (
-    <div className="flex flex-col gap-3">
+    <Page>
       <div className="flex justify-between items-stretch">
         <div className="flex gap-3">
           <CreateDiscount onSuccess={table.refresh} />
@@ -92,7 +93,7 @@ export default function CouponPage() {
           ]}
         />
       </Suspense>
-    </div>
+    </Page>
   )
 }