feat: re-enable connection indicator for SSE status

Add ConnectionIndicator to Connect 4 game page (Snake already had it).
Both games now patch the indicator on initial connect and every 10s
heartbeat, giving users visual feedback that SSE is connected.

features/c4game/handlers.go

@@ -14,6 +14,7 @@ import (
 	"github.com/ryanhamamura/games/connect4"
 	"github.com/ryanhamamura/games/features/c4game/pages"
 	"github.com/ryanhamamura/games/features/c4game/services"
+	sharedcomponents "github.com/ryanhamamura/games/features/common/components"
 	"github.com/ryanhamamura/games/sessions"
 )
 
@@ -112,7 +113,10 @@ func HandleGameEvents(store *connect4.Store, svc *services.GameService, sm *scs.
 			return sse.PatchElementTempl(pages.GameContent(g, myColor, room.Messages(), chatCfg))
 		}
 
-		// Send initial state
+		// Send initial connection indicator and state
+		if err := sse.PatchElementTempl(sharedcomponents.ConnectionIndicator(time.Now().UnixMilli())); err != nil {
+			return
+		}
 		if err := patchAll(); err != nil {
 			return
 		}
@@ -147,7 +151,10 @@ func HandleGameEvents(store *connect4.Store, svc *services.GameService, sm *scs.
 				}
 
 			case <-heartbeat.C:
-				// Heartbeat just keeps the connection alive by triggering a game state refresh
+				// Heartbeat updates connection indicator and refreshes game state
+				if err := sse.PatchElementTempl(sharedcomponents.ConnectionIndicator(time.Now().UnixMilli())); err != nil {
+					return
+				}
 				if err := patchAll(); err != nil {
 					return
 				}