perf(style): use skill

app/layout.tsx

@@ -19,9 +19,19 @@ import { ModalsProvider } from "@mantine/modals"
 import { Notifications } from "@mantine/notifications"
 import { Suspense } from "react"
 import "./globals.css"
+import settingClasses from "@/components/setting/PageSurface.module.css"
 import { theme } from "./theme"
 
 const GLOBAL_NOTICE_Z_INDEX = 4000
+const sharedModalProps = {
+  centered: true,
+  classNames: {
+    content: settingClasses.modalContent,
+    header: settingClasses.modalHeader,
+    title: settingClasses.modalTitle,
+    body: settingClasses.modalBody,
+  },
+}
 
 export default function RootLayout({
   children,
@@ -61,7 +71,7 @@ export default function RootLayout({
           <Notifications zIndex={GLOBAL_NOTICE_Z_INDEX} withinPortal />
           <InfoCheck />
           <OptStore />
-          <ModalsProvider>
+          <ModalsProvider modalProps={sharedModalProps}>
             <Suspense fallback={<></>}>{children}</Suspense>
           </ModalsProvider>
         </MantineProvider>