Fix unnecessary API queries to unreachable servers flooding console

[MP-Tool]

Problem:

While working on server management, I noticed that the frontend was making tons of unnecessary API calls to servers that have a "Not OK" status. Every time you visit a server page with an unreachable server, the UI tries to fetch system stats, CPU info, memory data, and container information - all of which are guaranteed to fail with 500 errors, flooding the browser console.

This creates several issues:

• Browser console spam with repeated 500 errors from GetSystemStats and GetSystemInformation
• Pointless backend load from requests that will never succeed
• Poor user experience with constant failed API calls
• Network traffic waste for unreachable servers

Solution:

I've added server availability guards to prevent API calls to unreachable servers:

1. New Helper Function: useIsServerAvailable() that checks if server state is not Disabled or NotOk
2. Protected API Calls: All server-related queries now use the enabled option to check server availability first
3. Consistent Pattern: Applied the same logic across all server components

The fix uses React Query's enabled option with server status checks:

const isServerAvailable = useIsServerAvailable(serverId);
const stats = useRead("GetSystemStats", { server: id }, {
  enabled: isServerAvailable,
  refetchInterval: 10_000 
});

This means:

• No more 500 error spam in console when servers are down
• No more unnecessary API calls to unreachable servers
• Better performance and reduced backend load
• Cleaner user experience when managing server infrastructure
• Everything still works perfectly when servers are online

The changes are backward compatible and respect existing server status logic that was already in place in some components.

[mbecker20]

This is simpler body:

  const server = useServer(serverId);
  return server?.info.state === Types.ServerState.Ok

[mbecker20]

Overall LGTM after the useIsServerAvailable simplification