Logout Button Fix immer noch zu weit rechts gewesen

frontend/src/components/NavBar.jsx

@@ -1,25 +1,23 @@
-import { useNavigate } from 'react-router-dom';
+import { Link } from 'react-router-dom'; // ← das hat gefehlt
 import '../css/navbar.css';
 import LightDarkToggle from './LightDarkToggle';
 import LogoutButton from './LogoutButton';
 
 function NavBar() {
-  const navigate = useNavigate();
   const isLoggedIn = localStorage.getItem('token') !== null;
 
   return (
     <nav className="navbar">
-      <div className="navbar-left">
-        <button onClick={() => navigate('/')}>🏠 Home</button>
-      </div>
-      <div className="navbar-right">
-        {isLoggedIn && (
-          <>
-            <LightDarkToggle />
-            <LogoutButton />
-          </>
-        )}
+      <div className="nav-left">
+        <Link to="/" className="nav-button">🏠 Home</Link>
       </div>
+
+      {isLoggedIn && (
+        <div className="nav-right">
+          <LightDarkToggle />
+          <LogoutButton />
+        </div>
+      )}
     </nav>
   );
 }