Implemented player login

traque-front/context/teamConnexionContext.jsx

@@ -0,0 +1,31 @@
+"use client";
+import { createContext, useContext, useState } from "react";
+import { useSocket } from "./socketContext";
+import { useSocketListener } from "@/hook/useSocketListener";
+
+const teamConnexionContext = createContext();
+const TeamConnexionProvider = ({ children }) => {
+    const [loggedIn, setLoggedIn] = useState(false);
+    const [teamId, setTeamId] = useState(null);
+    const { teamSocket } = useSocket();
+    
+    function login(id) {
+        teamSocket.emit("login", id);
+        setTeamId(id);
+    }
+    
+    useSocketListener(teamSocket, "login_response", setLoggedIn);
+    
+    return (
+        <teamConnexionContext.Provider value={{ teamId, login, loggedIn }}>
+        {children}
+        </teamConnexionContext.Provider>
+    );
+}
+
+function useTeamConnexion() {
+    return useContext(teamConnexionContext);
+}
+
+export { TeamConnexionProvider, useTeamConnexion};
+