add bingo display component

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

packages/client/src/components/bingo-display.tsx

@@ -0,0 +1,18 @@
+interface BingoDisplayProps {
+	announcements: { playerId: string; displayName: string }[]
+}
+
+export function BingoDisplay({ announcements }: BingoDisplayProps) {
+	if (announcements.length === 0) return null
+
+	return (
+		<div className="flex flex-col items-center gap-2">
+			<p className="text-sm font-medium text-muted-foreground">Bingo Winners</p>
+			{announcements.map((a, i) => (
+				<p key={`${a.playerId}-${i}`} className="text-lg font-bold text-green-600">
+					{a.displayName} got BINGO!
+				</p>
+			))}
+		</div>
+	)
+}