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

src/pages/ServerLogsPage.js

@@ -104,8 +104,8 @@ class ServerLogsPage extends React.Component {
   }
 
   loadHistoricalLogs = () => {
-    if (this.props.socket && this.props.socket.connected) {
-      this.props.socket.emit('getLog', (response) => {
+
+      window.socketManager.emit('getLog', (response) => {
         if (response.success) {
           console.log('Last 50 historical logs:', response.data.lines);
           const historicalLogs = (response.data.lines || [])
@@ -121,7 +121,6 @@ class ServerLogsPage extends React.Component {
           this.setState({ historicalLogsLoaded: true }); // Mark as attempted even if failed
         }
       });
-    }
   }
 
   componentDidMount() {
@@ -134,23 +133,6 @@ class ServerLogsPage 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();
-      if (!this.state.historicalLogsLoaded) {
-        this.loadHistoricalLogs();
-      }
-    } else if (wasConnected && !isNowConnected) {
-      // Socket just disconnected, remove listeners
-      this.removeSocketListeners();
-    }
-  }
-
   componentWillUnmount() {
     this.removeSocketListeners();
     // Clear interval and remove event listeners
@@ -161,17 +143,13 @@ class ServerLogsPage extends React.Component {
   }
 
   addSocketListeners = () => {
-    if (this.props.socket && this.props.socket.connected) {
-      // Remove existing listeners first to avoid duplicates
-      this.removeSocketListeners();
-      this.props.socket.on('log', this.handleLogEntry);
-    }
+    // Remove existing listeners first to avoid duplicates
+    this.removeSocketListeners();
+    window.socketManager.on('log', this.handleLogEntry);
   }
 
   removeSocketListeners = () => {
-    if (this.props.socket) {
-      this.props.socket.off('log', this.handleLogEntry);
-    }
+    window.socketManager.off('log', this.handleLogEntry);
   }
 
   formatLogLevel = (level) => {