fix: responsiveness of sideNav component

src/features/profile/components/PageWrapper.tsx

@@ -0,0 +1,22 @@
+import { Box } from '@mui/material';
+import React from 'react';
+
+interface PageWrapperProps {
+  children: React.ReactNode;
+}
+
+export function PageWrapper({ children }: PageWrapperProps) {
+  return (
+    <Box
+      sx={{
+        mx: 'auto',
+        width: { xs: '100%', sm: '754px' },
+        backgroundColor: 'background.paper',
+        display: 'flex',
+        flexDirection: 'column',
+      }}
+    >
+      {children}
+    </Box>
+  );
+}