feat: add security section in setting and make it responsive

src/App.tsx

@@ -9,7 +9,6 @@ import {
 import './App.css';
 import { useTranslation } from 'react-i18next';
 import { LanguageManager } from './components/LanguageManager';
-import { UserSecurity } from './features/profile/components/UserSecurity';
 
 function App() {
   const { t } = useTranslation();
@@ -18,7 +17,6 @@ function App() {
     <>
       <CssBaseline />
       <LanguageManager />
-      <UserSecurity />
       <div style={{ padding: '16px' }}>
         <Typography variant="h3">{t('helloWorld')}</Typography>
         <Box