fix: code styles

src/features/profile/components/security/PasswordSecurity.tsx

@@ -9,7 +9,6 @@ import {
 import { useTranslation } from 'react-i18next';
 import { CardContainer } from '@/components/CardContainer';
 import { PageWrapper } from '../PageWrapper';
-import Logo from '@/components/Logo';
 import { PasswordDialog } from './PasswordDialog';
 import { Toast } from '@/components/Toast';
 
@@ -66,10 +65,6 @@ export function PasswordSecurity() {
 
   return (
     <PageWrapper>
-      <Box sx={{ display: 'flex', alignItems: 'center', py: 2, height: 84 }}>
-        <Logo />
-      </Box>
-      <Box sx={{ width: '100%', height: 1, bgcolor: 'divider' }} />
       <CardContainer
         title={t('securityForm.password')}
         subtitle={t('securityForm.determinePassword')}
@@ -78,11 +73,8 @@ export function PasswordSecurity() {
             variant="outlined"
             onClick={handleOpen}
             sx={{
-              mt: { xs: 2, sm: 0 },
               backgroundColor: 'primary.main',
               color: 'background.paper',
-              width: { xs: '100%', sm: '142px' },
-              textTransform: 'none',
             }}
           >
             {changePassword
@@ -121,7 +113,6 @@ export function PasswordSecurity() {
             </Typography>
           )}
 
-          {/* New PasswordDialog component usage */}
           <PasswordDialog
             open={open}
             fullScreen={fullScreen}