优化主页，提供通用页面模板组件

src/app/(home)/collect/page.tsx

@@ -1,18 +1,26 @@
 import BreadCrumb from '@/components/bread-crumb'
 import Wrap from '@/components/wrap'
 import Extract from '@/components/composites/extract'
+import HomePage from '@/components/home/page'
 
 export type CollectPageProps = {}
 
 export default function CollectPage(props: CollectPageProps) {
   return (
-    <main className="mt-20 flex flex-col gap-4">
-      <Wrap className="flex flex-col py-8 gap-4">
-        <BreadCrumb items={[
-          {label: '短效IP 提取', href: '/collect'},
-        ]}/>
+    // <main className="mt-20 flex flex-col gap-4">
+    //   <Wrap className="flex flex-col py-8 gap-4">
+    //     <BreadCrumb items={[
+    //       {label: '短效IP 提取', href: '/collect'},
+    //     ]}/>
+    //     <Extract/>
+    //   </Wrap>
+    // </main>
+    <HomePage path={[
+      {label: '短效IP 提取', href: '/collect'},
+    ]}>
+      <Wrap>
         <Extract/>
       </Wrap>
-    </main>
+    </HomePage>
   )
 }