完善产品购买页面，抽取公共组件，优化导航链接

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

@@ -0,0 +1,41 @@
+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`}>
+      {/* banner */}
+      <section className={`col-start-1 row-start-1 col-span-3 bg-red-200`}>
+
+      </section>
+
+      {/* 短效 */}
+      <section className={`col-start-1 row-start-2 bg-red-200`}>
+
+      </section>
+      {/* 长效 */}
+      <section className={`col-start-2 row-start-2 bg-red-200`}>
+
+      </section>
+      {/* 固定 */}
+      <section className={`col-start-3 row-start-2 bg-red-200`}>
+
+      </section>
+
+      {/* 图表 */}
+      <section className={`col-start-1 row-start-3 col-span-3 row-span-2 bg-red-200`}>
+
+      </section>
+
+      {/* 信息 */}
+      <section className={`col-start-4 row-start-1 row-span-2 bg-red-200`}>
+
+      </section>
+
+      {/* 通知 */}
+      <section className={`col-start-4 row-start-3 row-span-2 bg-red-200`}>
+
+      </section>
+    </main>
+  )
+}