debug 4

frontend/app/Auth.js

@@ -13,25 +13,14 @@ const Auth = ({
   setError,
   isSignup,
   setIsSignup,
+  ws,
+  status
 }) => {
   const [usernameValid, setUsernameValid] = useState(false);
   const [passwordValid, setPasswordValid] = useState(false);
   const [passwordsMatch, setPasswordsMatch] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
-  const [ws, setWs] = useState(null);  // WebSocket connection state
-
-  // Initialize WebSocket
-  const initializeWebSocket = () => {
-    const socket = new WebSocket('ws://your-websocket-server-url'); // Replace with actual WebSocket URL
-    socket.onopen = () => {
-      console.log('WebSocket connection established');
-    };
-    socket.onclose = () => {
-      console.log('WebSocket connection closed');
-    };
-    setWs(socket);
-  };
 
   // Handle login and signup requests
   const connectAndAuthenticate = (data) => {

frontend/app/layout.js

@@ -129,7 +129,8 @@ function WebSocketLayout({
             setError={setError}
             isSignup={isSignup}
             setIsSignup={setIsSignup}
-            
+            ws={ws}
+            status={status}
           />
         </div>
       )}