QR fontSize; routing

src/components/Header.tsx

@@ -1,10 +1,13 @@
 import React, { useContext } from 'react'
 import './Header.css';
 import {Axios, UserCtx, UserCtxT} from '../context/UserContext';
+import { useNavigate } from 'react-router-dom';
 
 
 function Header() {
     const {setUser} = useContext<UserCtxT | null>(UserCtx) as UserCtxT;
+    const navigate = useNavigate();
+
     const logOut = () =>
     {
         Axios.post('logout.php')
@@ -15,6 +18,8 @@ function Header() {
         .catch((err) => console.error(err));
 
         setUser(null);
+        
+        navigate('/'); // login      
     }
     
     return (