ADD: added database connection for players data handling and started login funtion with database

frontend/src/pages/LoginPage.tsx

@@ -1,9 +1,9 @@
 import { useState } from 'react';
 import { useAuth } from './AuthContext';
 import { login as apiLogin } from './api';
-import { jwtDecode } from 'jwt-decode';
+// import { jwtDecode } from 'jwt-decode';
 import { useNavigate } from 'react-router-dom';
-
+import { getUserFromToken } from '../components/utils/jwt';
 export default function LoginPage() {
   const { login } = useAuth();
   const [email, setEmail] = useState('');
@@ -18,12 +18,13 @@ export default function LoginPage() {
       const data = await apiLogin(email, password);
       // Token aus JWT extrahieren (hier: UserID im Token Payload)
       // Für Demo: Einfach Dummy UserID setzen, oder später JWT decode implementieren
-      type MyJwtPayload = {
-         userId: string 
-          email: string;
-          role: string;
-        } & object;
-      const decodedData = jwtDecode<MyJwtPayload>(data.token);
+      
+      var decodedData = getUserFromToken(data.token);
+      if (!decodedData || !decodedData.userId || !decodedData.role) {
+        setError('Ungültiges Token');
+        return;
+      } 
+      // Dummy UserID für Demo                    
       login(data.token, decodedData.userId, decodedData.role);
       // Nach dem Login zur Dashboard-Seite navigieren
       setTimeout(() => {