animations is the most important part of this project

frontend/app/src/components/HeaderComponent.tsx

@@ -11,7 +11,7 @@ import "./styles.css";
 import { StorePrototype, logOut, store } from "../config/store";
 import { useSelector } from "react-redux";
 import tr from "../config/translation";
-import { Link, useLocation, useNavigate } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import logo from "../../static/android-chrome-192x192.png";
 
 const { Header } = Layout;
@@ -39,7 +39,7 @@ const HeaderComponent = () => {
       key: "logout",
       icon: <LogoutOutlined />,
       danger: true,
-      onClick: () => store.dispatch(logOut()),
+      onClick: () => store.dispatch(logOut()) && navigate("/"),
     },
   ];