navbarban jol le vannak kezelve a redirect es letre lett hozva egy hook amivel automatikusan berakja a usernamet es ha meg nem akkor redirectel

SerpentRace_Frontend/src/pages/Landing/Home.jsx

@@ -1,19 +1,16 @@
 // src/pages/Home/Home.jsx
 // Régi PlayMenu-s oldal, "Home" néven
 
-import { useState, useEffect } from "react"
-import { useNavigate } from "react-router-dom"
+import { useEffect } from "react"
+import useRequireAuth from "../../hooks/useRequireAuth"
 import Navbar from "../../components/Navbar/Navbar"
 import Footer from "../../components/Footer/Footer.jsx"
 import Background from "../../assets/backgrounds/Background.jsx"
 import PlayMenu from "../../components/Landingpage/PlayMenu.jsx"
 
 export default function Home() {
-  const navigate = useNavigate()
-  const user = localStorage.getItem("username")
-
-  // Logoljuk ki a user-t minden renderkor
-  console.log("Home user:", user)
+  // a hook inicializálja a user-t a localStorage-ból és visszaadja a state-et + settert
+  const [user, setUser] = useRequireAuth()
 
   // Dummy callbackok és user példa
   const handleJoinGame = (code) => {
@@ -24,12 +21,7 @@ export default function Home() {
   }
   const userObj = { name: user }
 
-  // Ha nincs bejelentkezett felhasználó a localStorage-ben, átirányítjuk a /login oldalra
-  useEffect(() => {
-    if (!user) {
-      navigate("/login")
-    }
-  }, [navigate, user])
+  // ha szükséges a user módosítása máshol: setUser("újnév") automatikusan menti localStorage-be
 
   return (
     <div className="w-full min-h-screen flex flex-col relative overflow-x-hidden">