fix: responsiveness of sideNav component

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

@@ -1,10 +1,11 @@
-import React, { useState, type ChangeEvent } from 'react';
+import { useState, type ChangeEvent } from 'react';
 import { Box, Typography, Button, TextField, IconButton } from '@mui/material';
 import { Edit, Refresh, TickCircle } from 'iconsax-react';
 import { useTranslation } from 'react-i18next';
 import { CardContainer } from '@/components/CardContainer';
 import { CountDownTimer } from '@/components/CountDownTimer';
 import { Toast } from '@/components/Toast';
+import { PageWrapper } from '../PageWrapper';
 
 export function PhoneNumber() {
   const { t } = useTranslation('profileSetting');
@@ -72,7 +73,7 @@ export function PhoneNumber() {
   };
 
   return (
-    <Box sx={{ backgroundColor: 'background.paper' }}>
+    <PageWrapper>
       <CardContainer
         title={t('settingForm.titlePhoneNumber')}
         subtitle={t('settingForm.descriptionPhoneNumber')}
@@ -283,6 +284,6 @@ export function PhoneNumber() {
           </Box>
         )}
       </CardContainer>
-    </Box>
+    </PageWrapper>
   );
 }