ADD: added tournament creation without backend support

frontend/src/pages/Players.tsx

@@ -1,5 +1,6 @@
 import React, {  useEffect, useState  } from 'react';
 import { fetchPlayers,createPlayer,deletePlayer,updatePlayer } from './api';
+import { Navigate, useNavigate } from 'react-router-dom';
 
 
 interface Player {
@@ -15,6 +16,7 @@ export default function PlayerManagement() {
   const [password, setPassword] = useState("");
   const [editingId, setEditingId] = useState<string | null>(null);
   const token = localStorage.getItem('token');
+  const navigate = useNavigate();
   
   useEffect(() => {
       if (token) loadPlayers(token);
@@ -60,10 +62,9 @@ export default function PlayerManagement() {
     setEmail("");
   };
 
-  const handleEdit = (player: Player) => {
-    setName(player.name);
-    setEmail(player.email);
-    setEditingId(player.id);
+    const handleViewEdit = (playerID: string) => () => {
+    navigate(`/players/${playerID}`);
+    
   };
 
   const handleDelete = (id: string) => {
@@ -128,9 +129,10 @@ export default function PlayerManagement() {
               <td className="border px-4 py-2">{player.email}</td>
               <td className="border px-4 py-2 space-x-2">
                 <button
-                  onClick={() => handleEdit(player)}
-                  className="bg-yellow-400 text-white px-2 py-1 rounded"
-                >
+                    key={player.id}
+                    onClick={handleViewEdit(player.id)}  
+                    className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700"
+                  >
                   Bearbeiten
                 </button>
                 <button