feat: add WebSocket connection status indicator to footer

[garrappachc]

Summary

• Adds a small colored ball in the footer showing WebSocket connection state: yellow+pulsing (connecting), green (connected), red (disconnected)
• State is driven by data-ws-status attribute updated via a new client module listening to htmx:wsConnecting, htmx:wsOpen, and htmx:wsClose events
• Includes a tooltip on hover and ARIA role="status" + aria-label for accessibility

Test Plan

• Visit the site and verify the footer shows a yellow pulsing ball initially
• After the WebSocket connects, the ball turns green with tooltip "Connected"
• Simulate a network disconnect (e.g. disable Wi-Fi) — ball turns red "Disconnected"
• Reconnect — ball returns to yellow "Connecting..." then green "Connected"
• Verify tooltip appears on hover and renders above the ball (not clipped by viewport)

🤖 Generated with Claude Code

[github-actions]

Playwright test results

 198 passed
 1 flaky

Details

 199 tests across 29 suites
 17 minutes, 5 seconds
 1d49f34

Flaky tests

chromium › 20-game/02-free-players.spec.ts › free players when the game ends @6v6 @9v9