fix(style): fix

app/project/detail/page.tsx

@@ -7,13 +7,16 @@ import {
   Breadcrumbs,
   Flex,
   Group,
-  Paper,
   Stack,
   Text,
   UnstyledButton,
 } from "@mantine/core"
 import { useRouter, useSearchParams } from "next/navigation"
 import { useEffect, useMemo, useState } from "react"
+import {
+  SettingFilterPanel,
+  SettingPage,
+} from "@/components/setting/PageSurface"
 import InfoSettingContainer from "./InfoSettingContainer"
 import OwnTaskTableContainer from "./OwnTaskTableContainer"
 import TaskBoardContainer from "./TaskBoardContainer"
@@ -193,15 +196,15 @@ export default function CollectionDetailPage() {
   }
 
   return (
-    <Stack w="100%" h="calc(100vh - 56px)" p="md" gap="md">
-      <Paper withBorder p="md" radius="sm">
+    <SettingPage>
+      <SettingFilterPanel>
         <Group justify="space-between" wrap="wrap" gap="sm">
           <Flex gap="sm" w="100%" justify="space-between">
             <Breadcrumbs separator=">">{breadcrumbsItems}</Breadcrumbs>
             {DetailMenuItems()}
           </Flex>
         </Group>
-      </Paper>
+      </SettingFilterPanel>
 
       <Stack style={{ flex: 1, minHeight: 0 }} gap="md">
         {selectKey === "own" ? (
@@ -219,6 +222,6 @@ export default function CollectionDetailPage() {
           />
         ) : null}
       </Stack>
-    </Stack>
+    </SettingPage>
   )
 }