Switch theme btn

src/pages/Profile/ProfilePage.jsx

@@ -15,6 +15,19 @@ function ProfilePage() {
         logout();
     }
 
+    const switchTheme = () => {
+
+        const currentTheme = localStorage.getItem("theme");
+        let newTheme = currentTheme === "light" ? "dark" : "light";
+
+        if(currentTheme === null) newTheme = "dark";
+
+        localStorage.setItem("theme", newTheme);
+
+        window.dispatchEvent(new Event("theme-changed"));
+    };
+
+
   return (
     <div className={styles.container}>
       <div className={`${styles.profileboard} glassCard`}>
@@ -29,7 +42,10 @@ function ProfilePage() {
           <div className={styles.description}>
             <div className={styles.headerProfile}>
                 <h2> {user.name} {user.lastname} </h2>
-                <Button variant={"danger"} onClick={handleLogout}> Déconnexion </Button>
+                <div className={styles.settingsBtns}>
+                    <Button variant={"default"} onClick={switchTheme}> Changer de thème </Button>
+                    <Button variant={"danger"} onClick={handleLogout}> Déconnexion </Button>
+                </div>
             </div>
             <div className={styles.topDescription}>
               <div className={styles.infoBlock}>