refactor: standardize socket communication by replacing socket prop usage with window.socketManager across multiple components for improved consistency and maintainability

src/pages/UsersPage.js

@@ -91,17 +91,6 @@ class UsersPage extends React.Component {
     window.addEventListener('storage', this.handleStorageChange);
   }
 
-  componentDidUpdate(prevProps) {
-    // Handle socket connection changes
-    const wasConnected = prevProps.socket && prevProps.socket.connected;
-    const isNowConnected = this.props.socket && this.props.socket.connected;
-    
-    if (!wasConnected && isNowConnected) {
-      // Socket just connected, reload data
-      this.loadInitialData();
-    }
-  }
-
   componentWillUnmount() {
     // Clear interval and remove event listeners
     if (this.checkLoginInterval) {
@@ -111,8 +100,8 @@ class UsersPage extends React.Component {
   }
 
   loadInitialData = () => {
-    if (this.props.socket && this.props.socket.connected) {
-      this.props.socket.emit('getUsers', (response) => {
+
+      window.socketManager.emit('getUsers', (response) => {
         if (response.success) {
           console.log('Users:', response.data.users);
           console.log('Total count:', response.data.totalCount);
@@ -126,7 +115,7 @@ class UsersPage extends React.Component {
           console.error('Error:', response.error);
         }
       });
-    }
+
   }
 
   formatDate = (dateString) => {
@@ -190,14 +179,9 @@ class UsersPage extends React.Component {
   }
 
   handleSwitchUser = (email) => {
-    if (!this.props.socket || !this.props.socket.connected) {
-      this.showNotification('Socket not connected', 'error');
-      return;
-    }
-
     this.setState({ switchingUser: true });
 
-    this.props.socket.emit('switchUser', { email }, (response) => {
+    window.socketManager.emit('switchUser', { email }, (response) => {
       console.log('Switch user response:', response);
       this.setState({ switchingUser: false });
       
@@ -225,14 +209,10 @@ class UsersPage extends React.Component {
   }
 
   handleSwitchBackToAdmin = () => {
-    if (!this.props.socket || !this.props.socket.connected) {
-      this.showNotification('Socket not connected', 'error');
-      return;
-    }
 
     this.setState({ switchingUser: true });
 
-    this.props.socket.emit('switchBackToAdmin', (response) => {
+    window.socketManager.emit('switchBackToAdmin', (response) => {
       console.log('Switch back to admin response:', response);
       this.setState({ switchingUser: false });