fix reglage css

src/pages/Profile/ProfilePage.module.css

@@ -12,7 +12,7 @@
     box-sizing: border-box;
 }
 
-.settingImage {
+.settingAccount {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -126,7 +126,7 @@
   box-sizing: border-box;
 }
 
-.settingImage {
+.settingAcount {
   width: 100%;
   display: flex;
   justify-content: center;

src/pages/Profile/ProfilePage.tsx

@@ -144,6 +144,11 @@ function ProfilePage() {
               {user?.isAdmin && profileUser && !isOwnProfile && (
                 <ManageMember userToManage={profileUser} />
               )}
+              {isOwnProfile && (
+                  <div className={styles.settingAccount}>
+                    <SettingsModal />
+                  </div>
+              )}
             </div>
 
             <div className={styles.topDescription}>
@@ -157,11 +162,6 @@ function ProfilePage() {
                 <p><strong>Téléphone :</strong> {profileUser?.phone ?? "Non renseigné"}</p>
               </div>
 
-              {isOwnProfile && (
-                <div className={styles.settingImage}>
-                  <SettingsModal />
-                </div>
-              )}
             </div>
 
             <h2>Tâches :</h2>

src/pages/Profile/components/SettingsModal/SettingsModal.tsx

@@ -89,18 +89,7 @@ export default function SettingsModal() {
             >
                 <div className={styles.content}>
                     <div className={`glassBorder ${styles.section}`}>
-                        <h3>Compte</h3>
-
-                        <Button variant="danger" onClick={handleLogout}>
-                            Déconnexion
-                        </Button>
-
-                        <Button
-                            variant="danger"
-                            onClick={() => setIsDelete(true)}
-                        >
-                            Supprimer le compte
-                        </Button>
+                        <h3>Modifier les informations du compte</h3>
                         <div className={styles.test}>
                             <h4>Changer de Prénom</h4>
                             <TextInput
@@ -140,6 +129,21 @@ export default function SettingsModal() {
                         <h3>Apparence</h3>
                         <ThemeSwitcher/>
                     </div>
+
+                    <div className={`glassBorder ${styles.section}`}>
+                        <h3>Sécurité du compte</h3>
+
+                        <Button variant="danger" onClick={handleLogout}>
+                            Déconnexion
+                        </Button>
+
+                        <Button
+                            variant="danger"
+                            onClick={() => setIsDelete(true)}
+                        >
+                            Supprimer le compte
+                        </Button>
+                    </div>
                 </div>
             </Modal>