fix: use templ.NewOnceHandle to prevent script duplication on SSE patches

Replace ConnectionIndicatorWithScript wrapper with a single ConnectionIndicator
component that uses templ.NewOnceHandle() to ensure the watcher script is only
rendered once per page, even when the indicator is patched via SSE.

features/c4game/pages/game.templ

@@ -18,7 +18,7 @@ templ GamePage(g *connect4.Game, myColor int, messages []chat.Message, chatCfg c
 			data-signals="{chatMsg: ''}"
 			data-init={ fmt.Sprintf("@get('/games/%s/events',{requestCancellation:'disabled'})", g.ID) }
 		>
-			@sharedcomponents.ConnectionIndicatorWithScript(0)
+			@sharedcomponents.ConnectionIndicator(0)
 			@GameContent(g, myColor, messages, chatCfg)
 		</main>
 	}

features/common/components/shared.templ

@@ -52,9 +52,10 @@ func isStale(lastPing int64) bool {
 	return lastPing == 0
 }
 
+var connectionWatcherHandle = templ.NewOnceHandle()
+
 // ConnectionIndicator shows a small dot indicating SSE connection status.
 // Server patches this with a timestamp; client JS detects staleness.
-// Use ConnectionIndicatorWithScript for initial render, ConnectionIndicator for patches.
 templ ConnectionIndicator(lastPing int64) {
 	<div
 		id="connection-indicator"
@@ -80,13 +81,9 @@ templ ConnectionIndicator(lastPing int64) {
 			></div>
 		</div>
 	</div>
-}
+	@connectionWatcherHandle.Once() {
-
+		@connectionWatcher()
-// ConnectionIndicatorWithScript renders the indicator with the staleness watcher script.
+	}
-// Use this for initial page render only.
-templ ConnectionIndicatorWithScript(lastPing int64) {
-	@ConnectionIndicator(lastPing)
-	@connectionWatcher()
 }
 
 script connectionWatcher() {

features/snakegame/pages/game.templ

@@ -37,7 +37,7 @@ templ GamePage(sg *snake.SnakeGame, mySlot int, messages []chat.Message, chatCfg
 			data-on:keydown__throttle.100ms={ keydownScript(gameID) }
 			tabindex="0"
 		>
-			@components.ConnectionIndicatorWithScript(0)
+			@components.ConnectionIndicator(0)
 			@GameContent(sg, mySlot, messages, chatCfg, gameID)
 		</main>
 	}