feat: add logout func to logout button (dont navigate to login)

frontend/src/components/Header.jsx

@@ -1,12 +1,14 @@
 import Navbar from 'react-bootstrap/Navbar';
 import Container from 'react-bootstrap/Container';
 import { NavLink } from 'react-router-dom';
+import LogoutButton from './LogoutButton';
 
 const Header = () => (
   <Navbar expand="lg" className="shadow-sm navbar navbar-expand-lg navbar-light bg-white">
     <Container>
       <Navbar.Brand as={NavLink} to="/">Hexlet Chat</Navbar.Brand>
-      <button type="button" className="btn btn-primary">Выйти</button>
+      <LogoutButton />
+      {/* <button type="button" className="btn btn-primary">Выйти</button> */}
     </Container>
   </Navbar>
 );

frontend/src/components/LogoutButton.jsx

@@ -0,0 +1,24 @@
+import { Button } from 'react-bootstrap';
+import { useNavigate } from 'react-router-dom';
+import useAuth from '../store/hooks/useAuth';
+
+const LogoutButton = () => {
+  const auth = useAuth();
+  const navigate = useNavigate();
+
+  return (
+    auth.loggedIn
+      ? (
+        <Button onClick={() => {
+          auth.logOut();
+          navigate('/login');
+        }}
+        >
+          Выйти
+        </Button>
+      )
+      : null
+  );
+};
+
+export default LogoutButton;

frontend/src/contexts/AuthContext.js

@@ -7,14 +7,14 @@ const AuthProvider = ({ children }) => {
 
   const logIn = () => setLoggedIn(true);
   const logOut = () => {
-    localStorage.removeItem('chat-token');
+    localStorage.clear();
     setLoggedIn(false);
   };
 
-  const authContextValue = useMemo(() => ({ loggedIn, logIn, logOut }), [loggedIn]);
+  const context = useMemo(() => ({ loggedIn, logIn, logOut }), [loggedIn]);
 
   return (
-    <AuthContext.Provider value={authContextValue}>
+    <AuthContext.Provider value={context}>
       {children}
     </AuthContext.Provider>
   );