完善账单页面，抽取公共页面组件

src/app/admin/(dashboard)/page.tsx

@@ -1,9 +1,11 @@
+import Page from '@/components/page'
+
 export type DashboardPageProps = {}
 
 export default async function DashboardPage(props: DashboardPageProps) {
 
   return (
-    <main className={`flex-auto overflow-hidden grid grid-cols-4 grid-rows-4 gap-4 mr-4 mb-4`}>
+    <Page mode={`blank`} className={`flex-auto grid grid-cols-4 grid-rows-4`}>
       {/* banner */}
       <section className={`col-start-1 row-start-1 col-span-3 bg-red-200`}>
 
@@ -36,6 +38,6 @@ export default async function DashboardPage(props: DashboardPageProps) {
       <section className={`col-start-4 row-start-3 row-span-2 bg-red-200`}>
 
       </section>
-    </main>
+    </Page>
   )
 }