feat: refactor and adjust ui

src/pages/setting.tsx

@@ -1,14 +1,11 @@
-import { Box, Paper, Typography } from "@mui/material";
+import { Paper } from "@mui/material";
+import BasePage from "../components/base-page";
 import SettingVerge from "../components/setting-verge";
 import SettingClash from "../components/setting-clash";
 
 const SettingPage = () => {
   return (
-    <Box sx={{ width: 0.9, maxWidth: 850, mx: "auto", mb: 2 }}>
-      <Typography variant="h4" component="h1" sx={{ py: 2 }}>
-        Setting
-      </Typography>
-
+    <BasePage title="Settings">
       <Paper sx={{ borderRadius: 1, boxShadow: 2 }}>
         <SettingVerge />
       </Paper>
@@ -16,7 +13,7 @@ const SettingPage = () => {
       <Paper sx={{ borderRadius: 1, boxShadow: 2, mt: 3 }}>
         <SettingClash />
       </Paper>
-    </Box>
+    </BasePage>
   );
 };