feat: Centralized navigation system with HandleNavigate hook

BREAKING CHANGE: Replaced all direct useNavigate() usage with HandleNavigate hook

## Summary
- Complete frontend navigation refactoring
- Centralized route management with routes.js
- Converted 18+ components to use HandleNavigate
- Enhanced navigation with 20+ type-safe functions

## New Files
- src/utils/routes.js - Central route constants and helpers
- Documentations/FRONTEND_CODING_GUIDELINES.md - Frontend best practices (300+ lines)
- Documentations/NAVIGATION_REFACTORING_REPORT.md - Detailed refactoring report (400+ lines)

## Modified Components (18+)
### Pages
- Home.jsx, LoginForm.jsx, RegisterForm.jsx
- ResetPassword.jsx, VerifyEmailPage.jsx
- DeckCreator.jsx, Card_display.jsx
- Lobby.jsx, GameTest.jsx, ChooseDeck.jsx, PlayerSetup.jsx
- Landingpage.jsx

### Components
- Userdetails.jsx, DeckInfoPopUp.jsx
- PlayMenu.jsx, LandingPage.jsx, DeckManager.jsx

### Hooks
- useRequireAuth.jsx

### Core
- App.jsx - Route constants integration
- HandleNavigate.jsx - Enhanced with 20+ navigation functions

## Key Improvements
 Type-safe navigation (goDeckDetails(id) vs navigate('/deck/'+id))
 Automatic scroll management
 Centralized state passing
 Single source of truth for routes
 Backwards compatibility aliases
 Zero compile errors
 Production ready

## Validation
- useNavigate: Only in HandleNavigate.jsx
- navigate() calls: 0 direct usage
- Compile errors: 0
- Documentation: Complete

SerpentRace_Frontend/src/pages/Auth/ResetPassword.jsx

@@ -2,13 +2,14 @@
 // Új jelszó megadása
 
 import { useState, useEffect } from "react";
-import { useSearchParams, useNavigate } from "react-router-dom";
+import { useSearchParams } from "react-router-dom";
 import Background from "../../assets/backgrounds/Background";
 import { motion } from "framer-motion";
 import Button from "../../components/Buttons/Button";
 import InputBox from "../../components/Inputs/InputBox";
 import { resetPassword } from "../../api/userApi";
 import { FaArrowLeft } from "react-icons/fa";
+import HandleNavigate from "../../utils/HandleNavigate/HandleNavigate";
 
 export default function ResetPassword() {
   const [password, setPassword] = useState("");
@@ -16,7 +17,7 @@ export default function ResetPassword() {
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
   const [searchParams] = useSearchParams();
-  const navigate = useNavigate();
+  const { goLogin } = HandleNavigate();
   const token = searchParams.get("token");
 
   useEffect(() => {
@@ -53,7 +54,7 @@ export default function ResetPassword() {
       await resetPassword(token, password);
       setSuccess(true);
       setTimeout(() => {
-        navigate("/login", { state: { success: true, message: "Jelszó sikeresen megváltoztatva! Jelentkezz be az új jelszóval." } });
+        goLogin({ success: true, message: "Jelszó sikeresen megváltoztatva! Jelentkezz be az új jelszóval." });
       }, 2000);
     } catch (err) {
       setError(err.response?.data?.message || "Hiba történt a jelszó visszaállítása során!");
@@ -73,7 +74,7 @@ export default function ResetPassword() {
           {/* Vissza gomb */}
           <div
             className="absolute -top-(-2) -left-(-1) flex items-center group cursor-pointer select-none"
-            onClick={() => navigate("/login")}
+            onClick={() => goLogin()}
           >
             <FaArrowLeft className="text-gray-700 text-xl transition-transform duration-300 group-hover:-translate-x-1" />
             <span className="ml-2 text-gray-700 font-medium opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300">