clarify team and timer labels

Author: abdallahbahrawi1

resources/lang/en.json

@@ -362,17 +362,18 @@
     "disabled_units": "Disabled Units"
   },
   "public_lobby": {
+    "starts_in": "Starts in {s}",
     "join": "Join next Game",
     "waiting": "players waiting",
-    "teams_Duos": "{team_count} teams of 2 (Duos)",
-    "teams_Trios": "{team_count} teams of 3 (Trios)",
-    "teams_Quads": "{team_count} teams of 4 (Quads)",
+    "teams_Duos": "{team_count} teams (Duos)",
+    "teams_Trios": "{team_count} teams (Trios)",
+    "teams_Quads": "{team_count} teams (Quads)",
     "waiting_for_players": "Waiting for players",
     "starting_game": "Starting game…",
     "teams_hvn": "Humans vs Nations",
     "teams_hvn_detailed": "{num} Humans vs {num} Nations",
     "teams": "{num} teams",
-    "players_per_team": "of {num}",
+    "players_per_team": "({num} each)",
     "started": "Started"
   },
   "matchmaking_modal": {

src/client/PublicLobby.ts

@@ -82,7 +82,9 @@ export class PublicLobby extends LitElement {
     const start = this.lobbyIDToStart.get(lobby.gameID) ?? 0;
     const timeRemaining = Math.max(0, Math.floor((start - Date.now()) / 1000));
     const isStarting = timeRemaining <= 2;
-    const timeDisplay = renderDuration(timeRemaining);
+    const timeDisplay = translateText("public_lobby.starts_in", {
+      s: renderDuration(timeRemaining),
+    });
 
     const teamCount =
       lobby.gameConfig.gameMode === GameMode.Team