change structure socket and add permission

src/lib/contexts/socket.js

@@ -92,6 +92,16 @@ export const SocketProvider = ({ children }) => {
     }
   }, [status]);
 
+  useEffect(() => {
+    if (status == "connected") return;
+
+    socket.connect();
+
+    return () => {
+      socket.disconnect();
+    };
+  }, [socket]);
+
   const contextValue = useMemo(() => ({ socket, status }), [socket, status]);
 
   return (