feat(client): polished toolbar, live online count via SSE

- Redesign in-game client toolbar with refined glass styling and buttons
- Live online count + emulator status streamed over SSE multicast
- Who's-online tooltip throttled to reduce repeated requests
- Fix show button so it always returns the hidden toolbar
- Use theme CSS variables instead of hardcoded colors
- Add toolbar translations across all 25 locales

src/components/site-header.tsx

@@ -1,14 +1,13 @@
 import { count, eq } from "drizzle-orm";
 import Image from "next/image";
-import { getTranslations } from "next-intl/server";
 import Link from "@/components/link";
+import { LiveOnlineCount } from "@/components/live-online-count";
 import { cached } from "@/lib/cache";
 import { db, User } from "@/lib/db";
 import { resolveHotelName } from "@/lib/hotel-name";
 import { siteSettings } from "@/lib/services/site-settings";
 
 export async function SiteHeader() {
-	const t = await getTranslations("header");
 	const [hotelName, header, logo] = await Promise.all([
 		resolveHotelName(),
 		siteSettings.get("cms_header", "/assets/images/background.png"),
@@ -140,7 +139,7 @@ export async function SiteHeader() {
 						className="text-xs sm:text-sm font-bold tracking-wide"
 						style={{ color: "rgba(255,255,255,0.9)" }}
 					>
-						{t("online", { count: online, hotel: hotelName })}
+						<LiveOnlineCount initial={online} hotelName={hotelName} />
 					</span>
 				</div>
 			</div>