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

src/pages/AdminPage.js

@@ -108,21 +108,6 @@ class AdminPage 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, add listeners and reload data
-      this.addSocketListeners();
-      this.loadInitialData();
-    } else if (wasConnected && !isNowConnected) {
-      // Socket just disconnected, remove listeners
-      this.removeSocketListeners();
-    }
-  }
-
   componentWillUnmount() {
     this.removeSocketListeners();
     // Clear interval and remove event listeners
@@ -133,12 +118,11 @@ class AdminPage extends React.Component {
   }
 
   loadInitialData = () => {
-    if (this.props.socket && this.props.socket.connected) {
-      this.props.socket.emit('getStats', (stats) => {
+      window.socketManager.emit('getStats', (stats) => {
         console.log('AdminPage: getStats', JSON.stringify(stats,null,2));
         this.setState({stats: stats});
       });
-      this.props.socket.emit('initialCarts', (carts) => {
+      window.socketManager.emit('initialCarts', (carts) => {
         console.log('AdminPage: initialCarts', carts);
         if(carts && carts.success == true)
         {
@@ -153,21 +137,19 @@ class AdminPage extends React.Component {
           this.setState({ users: users });
         }
       });
-    }
   }
 
   addSocketListeners = () => {
-    if (this.props.socket && this.props.socket.connected) {
       // Remove existing listeners first to avoid duplicates
       this.removeSocketListeners();
-      this.props.socket.on('cartUpdated', this.handleCartUpdated);
-    }
+      window.socketManager.on('cartUpdated', this.handleCartUpdated);
+
   }
 
   removeSocketListeners = () => {
-    if (this.props.socket) {
-      this.props.socket.off('cartUpdated', this.handleCartUpdated);
-    }
+
+      window.socketManager.off('cartUpdated', this.handleCartUpdated);
+
   }
 
   formatPrice = (price) => {