fix: responsiveness of sideNav component

src/features/profile/components/userInformation/PersonalInformation.tsx

@@ -6,6 +6,7 @@ import { ProfileImage } from './personlInformation/ProfileImage';
 import { InfoRowDisplay } from './personlInformation/InfoRowDisplay';
 import { InfoRowEdit } from './personlInformation/InfoRowEdit';
 import Logo from '@/components/Logo';
+import { PageWrapper } from '../PageWrapper';
 
 export function PersonalInformation() {
   const { t } = useTranslation('profileSetting');
@@ -39,7 +40,7 @@ export function PersonalInformation() {
   };
 
   return (
-    <Box sx={{ backgroundColor: 'background.paper' }}>
+    <PageWrapper>
       <Box
         sx={{
           display: 'flex',
@@ -138,6 +139,6 @@ export function PersonalInformation() {
           )}
         </Box>
       </CardContainer>
-    </Box>
+    </PageWrapper>
   );
 }