settingimage in the middle

src/pages/Profile/ProfilePage.jsx

@@ -33,7 +33,9 @@ function ProfilePage() {
                 <p><strong>Mail :</strong> {user?.email} </p>
                 <p><strong>Téléphone :</strong> {user?.phone === null ? "Pas de numéro enregistré" : user?.phone}</p>
               </div>
+              <div className={styles.settingImage}>
                 <SettingsModal />
+              </div>
             </div>
 
             <h2>Tâches :</h2>

src/pages/Profile/ProfilePage.module.css

@@ -9,7 +9,11 @@
     border-radius: 20px;
     box-sizing: border-box;
 }
-
+.settingImage{
+  width:100%;
+  display: flex;
+  justify-content: center;
+}
 .contentWrapper {
     display: flex;
     flex-direction: column;