guessName+Fixes

SerpentRace_Frontend/src/pages/Game/GameScreen.jsx

@@ -189,7 +189,7 @@ const GameScreen = () => {
               {sortedPlayers.map((player, index) => (
                 <div
                   key={player.id}
-                  className="flex items-center mb-3 p-2 bg-gray-900 rounded-lg hover:bg-gray-800 transition-colors"
+                  className="flex items-center mb-3 p-2 bg-gray-900 rounded-lg hover:bg-gray-700 transition-colors"
                 >
                   <div
                     className={`w-8 h-8 ${player.color} rounded-full mr-3 flex items-center justify-center text-white text-sm font-bold shadow-md`}

SerpentRace_Frontend/src/pages/Landing/Home.jsx

@@ -10,7 +10,7 @@ import PlayMenu from "../../components/Landingpage/PlayMenu.jsx"
 
 export default function Home() {
   // a hook inicializálja a user-t a localStorage-ból és visszaadja a state-et + settert
-  const [user, setUser] = useRequireAuth()
+  const [user, setUser] = useRequireAuth({ redirect: false }) // no redirect on unauthenticated visitors
 
   // Dummy callbackok és user példa
   const handleJoinGame = (code) => {
@@ -31,8 +31,13 @@ export default function Home() {
       <div className="fixed top-0 left-0 right-0 z-30">
         <Navbar />
       </div>
-      <main className="flex-1 flex flex-col items-center justify-start py-15 min-h-0 mt-[64px]">
-        <PlayMenu onJoinGame={handleJoinGame} onCreateGame={handleCreateGame} user={userObj} />
+      <main className="flex-1 min-h-[calc(100vh-64px)] flex mt-[64px] flex-col items-center justify-center">
+        <PlayMenu
+          onJoinGame={handleJoinGame}
+          onCreateGame={handleCreateGame}
+          user={userObj}
+          setUser={setUser}
+        />
         {/* Ide jöhetnek további szekciók, ha szeretnél még tartalmat */}
       </main>
       <Footer />