feat: fix logout

Author: Angular2Guy

frontend/src/components/Header.tsx

@@ -15,20 +15,23 @@ import {Button} from '@mui/material';
 import {FormEvent} from 'react';
 import { useSetRecoilState,useRecoilState } from "recoil";
 import GlobalState from "../GlobalState";
+import { useNavigate } from "react-router";
 
 const Header = () => {
     const setLocationModalState = useSetRecoilState(GlobalState.locationModalState);
     const setTargetPriceModalState = useSetRecoilState(GlobalState.targetPriceModalState);    
     const setJwtTokenState = useSetRecoilState(GlobalState.jwtTokenState);   
     const setGlobalLoginModal = useSetRecoilState(GlobalState.loginModalState);
     const [globalWebWorkerRefState, setGlobalWebWorkerRefState] = useRecoilState(GlobalState.webWorkerRefState); 
+    const navigate = useNavigate();
 
     const logout = (event: FormEvent) => {
         console.log("Logout ",event);
         setJwtTokenState('');    
         globalWebWorkerRefState?.postMessage({jwtToken: '', newNotificationUrl: ''});
         setGlobalWebWorkerRefState(null);
         setGlobalLoginModal(true);
+        navigate('/');
     }
     const location = (event: FormEvent) => {
         //console.log("Location ",event);