fix: setting page responsiveness

src/features/profile/components/setting/Setting.tsx

@@ -65,9 +65,9 @@ export function Setting() {
       <Box sx={{ width: '100%', height: 1, bgcolor: 'divider' }} />
       <Box
         sx={{
-          width: '100%', // always span full width
+          width: '100%',
-          px: { xs: 0, sm: 3 }, // no side padding on xs, keep padding on sm+
+          px: { xs: 0, sm: 3 },
-          mx: 0, // zero out any horizontal margin
+          mx: 0,
         }}
       >
         <CardContainer

src/features/profile/routes/SettingPage.tsx

@@ -217,9 +217,9 @@ export function Layout() {
         )}
         <Box
           flexGrow={1}
-          width="auto"
+          width={1070}
-          maxWidth={contentMaxWidth}
+          maxWidth={1070}
-          height={{ xs: 'auto', md: '78vh' }}
+          height={{ xs: 'auto', md: '814px' }}
           sx={{
             bgcolor: 'background.paper',
             px: { xs: 2, sm: 3 },