feat: logut in settings too

src/pages/Settings/Settings.tsx

@@ -8,10 +8,13 @@ import { FiUserMinus } from "react-icons/fi";
 import { IoKeyOutline } from "react-icons/io5";
 import { MdOutlineLogout } from "react-icons/md";
 import { useTranslation } from "react-i18next";
+import { useAppDispatch } from "../../stores/store";
+import { logout } from "../../stores/slices/authSlice";
 
 const Settings: React.FC = () => {
   const { language, changeLanguage } = useLanguage();
   const { t } = useTranslation();
+  const dispatch = useAppDispatch();
 
   return (
     <div className="settings">
@@ -59,7 +62,10 @@ const Settings: React.FC = () => {
           {t("settings.recoverPassword")}
         </div>
 
-        <div className="settings__content__action">
+        <div
+          className="settings__content__action"
+          onClick={() => dispatch(logout())}
+        >
           <MdOutlineLogout className="settings__content__action__icon" />{" "}
           {t("settings.logout")}
         </div>