refactor: remove socket logic from component

apps/web/src/app/(screen)/screen/components/Display.tsx

@@ -16,78 +16,6 @@ const Display= () => {
   const [cu, setCu] = useState(48);
 
 
-
-  /* useEffect(() => {
-      const handleConnect = () => {
-          console.log('Client has connected to the server!');
-      };
-
-      const handleScoreBoard = (scoreString: string) => {
-        console.log(scoreString);
-        // TODO : handle scoreboard
-        // NOTE: expect the the score to be percentage
-      }
-
-      const handleCid = (serverCid: string) => {
-          try {
-              console.log('Received cid from server:', serverCid);
-              cookies.set('cid', serverCid);
-              console.log('cid cookie set with value:', serverCid);
-          } catch (error) {
-              console.error('Error handling cid:', error);
-          }
-      };
-
-      const handleEvents = (events: string) => {
-        console.log(events)
-        setIsStart(events != "stop")
-        setCu(1);
-        setTu(1);
-        if(setState != undefined){
-          if(events == "stop"){
-            tu > cu ? setState('tu') :  setState('cu')
-          }
-          else{
-            setState('none')
-          }
-        }
-      }
-
-      const handleDisconnect = () => {
-          console.log('The client has disconnected!');
-      };
-
-      (async () => {
-          const fp = await FingerprintJS.load();
-          const result = await fp.get();
-          const fid = result.visitorId;
-          const savedCid = cookies.get('cid');
-          
-          const extraHeaders: { [key: string]: string } = {
-              fid: fid,
-              name: 'pun1'
-          };
-
-          if (savedCid) {
-              extraHeaders.cid = savedCid;
-          }
-          const socket = io('wss://api.cutu2024.sgcu.in.th', { 
-              auth: extraHeaders,
-              path: "/api/ws", 
-              transports: ['websocket'],
-          });
-
-          socket.on('connect', handleConnect);
-          socket.on('cid', handleCid);
-          socket.on('scoreboard', handleScoreBoard)
-          socket.on('disconnect', handleDisconnect);
-          socket.on('events', handleEvents);
-          return () => {
-              socket?.disconnect();
-          };
-      })();
-  }, []); */
-
   return (
     <div className='w-auto h-screen flex'>
         {state == 'none' &&