Implemented player login

traque-front/context/adminConnexionContext.jsx

@@ -1,30 +1,22 @@
 "use client";
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useState } from "react";
 import { useSocket } from "./socketContext";
+import { useSocketListener } from "@/hook/useSocketListener";
 
 const adminContext = createContext();
 const AdminConnexionProvider = ({ children }) => {
     const [loggedIn, setLoggedIn] = useState(false);
     const { adminSocket } = useSocket();
-    
+
     function login(password) {
         adminSocket.emit("login", password);
     }
-    
-    useEffect(() => {
-        function updateLoginStatus(status) {
-        setLoggedIn(status);
-        }
-        adminSocket.on("login_response", updateLoginStatus);
-    
-        return () => {
-        adminSocket.off("login_response", updateLoginStatus);
-        };
-    }, []);
-    
+
+    useSocketListener(adminSocket, "login_response", setLoggedIn);
+
     return (
         <adminContext.Provider value={{ login, loggedIn }}>
-        {children}
+            {children}
         </adminContext.Provider>
     );
 }
@@ -33,5 +25,5 @@ function useAdminConnexion() {
     return useContext(adminContext);
 }
 
-export { AdminConnexionProvider, useAdminConnexion};
+export { AdminConnexionProvider, useAdminConnexion };