Merge pull request 'fix: restore flex layout on #game-content wrapper' (#15) from fix/game-content-layout into main

The SSE patching refactor (0808c4d) wrapped game elements in a bare
<div id="game-content"> without propagating the flex classes from
<main>. This broke center-alignment and vertical spacing for both
Connect 4 and Snake game pages.

.gitea/workflows/deploy.yml

@@ -66,3 +66,6 @@ jobs:
           VERSION=$(git describe --tags --always)
           COMMIT=$(git rev-parse --short HEAD)
           VERSION=$VERSION COMMIT=$COMMIT docker compose up -d --build --remove-orphans
+
+      - name: Prune unused images
+        run: docker image prune -f

features/c4game/pages/game.templ

@@ -24,7 +24,7 @@ templ GamePage(g *connect4.Game, myColor int, messages []chat.Message, chatCfg c
 }
 
 templ GameContent(g *connect4.Game, myColor int, messages []chat.Message, chatCfg chatcomponents.Config) {
-	<div id="game-content">
+	<div id="game-content" class="flex flex-col items-center gap-4">
 		@sharedcomponents.LiveClock()
 		@sharedcomponents.BackToLobby()
 		@sharedcomponents.StealthTitle("text-3xl font-bold")

features/snakegame/pages/game.templ

@@ -43,7 +43,7 @@ templ GamePage(sg *snake.SnakeGame, mySlot int, messages []chat.Message, chatCfg
 }
 
 templ GameContent(sg *snake.SnakeGame, mySlot int, messages []chat.Message, chatCfg chatcomponents.Config, gameID string) {
-	<div id="game-content">
+	<div id="game-content" class="flex flex-col items-center gap-4">
 		@components.LiveClock()
 		@components.BackToLobby()
 		<h1 class="text-3xl font-bold">~~~~</h1>