feat(online): seat the chat beside the game and score the series

A room screen wide enough for it is two columns now: the game or the
lobby on one side and the room's conversation on the other, so neither
has to be scrolled past to reach the other. A phone keeps one column,
the game first, with the chat folded behind an unread count while a game
is on. One chat panel spans both phases by staying in the same place in
the markup — a remounted panel reopened having read nothing, and handed
the reader the lobby's conversation back as unread mail.

The room also keeps the score of the series. PlayerSlot carries the
games a seat has won since the room opened, credited before the lobby is
broadcast so the players see it the moment a game ends, and shown in the
lobby and beside each player's score on the board. It belongs to the
seat rather than to the room, because vacating one is exactly when the
name on it stops meaning the same person.

The conversation reads as a log — one line per message, "name: text",
each seat in its own colour — rather than as a stack of bubbles, which
stops being legible once four people are talking. ChatMessage carries
the seat that spoke, so a line is coloured by what the server said
rather than by matching display names, and a line whose seat has been
vacated is in nobody's colour.

The board's word button gets a test id of its own: it and the chat's
send button both read "Gửi", and the two are now on screen together.

proto/noitu/v1/game.proto

@@ -192,6 +192,11 @@ message PlayerSlot {
   bool ready = 5;
   // False while this player is inside their reconnect window.
   bool connected = 6;
+  // How many games this seat has won since the room opened. A room outlives
+  // its games, so the tally belongs to the seat rather than to any one of
+  // them; it starts again when the seat is vacated, because by then the name
+  // on it no longer means the same person.
+  uint32 wins = 7;
 }
 
 // PlayerScore is one player in a running or finished game.
@@ -353,6 +358,10 @@ message ChatMessage {
   string text = 3;
   // Server clock. The client renders it; it never orders by its own clock.
   int64 sent_unix_ms = 4;
+  // Which seat spoke, so the client can colour a line by its author instead
+  // of by matching display names. Cleared with the author for a line whose
+  // seat has been vacated.
+  string player_id = 5;
 }
 
 // ChatHistory is the whole panel, oldest first, sent when a player is seated in

proto/testdata/server_chat_history.bin

@@ -1,4 +1,4 @@
-rl
-,
NgÆ°á»�i chÆ¡iBắt đầu nhé €»÷©‘3
-"Khách má»�iSẵn sàng Ⱦ÷©‘3
+rt
+0
NgÆ°á»�i chÆ¡iBắt đầu nhé €»÷©‘3*p1
+&Khách má»�iSẵn sàng Ⱦ÷©‘3*p2
 Tôi phải Ä‘i •Á÷©‘3

proto/testdata/server_chat_message.bin

@@ -1 +1 @@
-j;Khách má»�i$Tiếng “sinhâ€� khó nối lắm. û»÷©‘3
+j?Khách má»�i$Tiếng “sinhâ€� khó nối lắm. û»÷©‘3*p2

proto/testdata/server_room_state.bin

@@ -1,5 +1,5 @@
-bV
-K7QX
J
-p1Người chơi
 
0
J
-p2Khách mời(
0
J
+bZ
+K7QX
J
+p1Người chơi
 
0
8J
+p2Khách mời(
0
8
J
 p3Kh獺ch 2(
PX`國