ADD: added new user data model and updated the administration site

frontend/src/pages/Players.tsx

@@ -11,8 +11,8 @@ import { User, UserRole } from '../components/interfaces/users';
 
 export default function PlayerManagement() {
   const [players, setPlayers] = useState<User[]>([]);
-  const [name, setName] = useState("");
-  const [email, setEmail] = useState("");
+  const [Username, setName] = useState("");
+  const [Email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [editingId, setEditingId] = useState<string | null>(null);
   const token = localStorage.getItem('token');
@@ -35,14 +35,14 @@ export default function PlayerManagement() {
   
 
   const handleAddOrUpdate = () => {
-    if (!name || !email) return;
+    if (!Username || !Email) return;
 
     if (editingId !== null) {
       setPlayers(players.map(p =>
-        p.UUID === editingId ? { ...p, name, email } : p
+        p.UUID === editingId ? { ...p, Username, Email } : p
       ));
       if (token) {
-        updatePlayer(editingId, { name, email }, token);
+        updatePlayer(editingId, { Username, Email }, token);
       }
       setEditingId(null);
     } else {
@@ -50,7 +50,7 @@ export default function PlayerManagement() {
         UUID: "",
         Username:"",
         Email: "",
-        Roles: [UserRole.Player],
+        Role: [UserRole.Player],
         IsActive: true,
       };
 
@@ -89,14 +89,14 @@ export default function PlayerManagement() {
         <input
           type="text"
           placeholder="Spielername"
-          value={name}
+          value={Username}
           onChange={(e) => setName(e.target.value)}
           className="border p-2 rounded"
         />
         <input
           type="text"
           placeholder="Email"
-          value={email}
+          value={Email}
           onChange={(e) => setEmail(e.target.value)}
           className="border p-2 rounded"
         />