clash-verge/src/pages/setting.tsx

import { Box, Paper, Typography } from "@mui/material";
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>

      <Paper sx={{ borderRadius: 1, boxShadow: 2 }}>
        <SettingVerge />
      </Paper>

      <Paper sx={{ borderRadius: 1, boxShadow: 2, mt: 3 }}>
        <SettingClash />
      </Paper>
    </Box>
  );
};

export default SettingPage;