show game map name in public lobby

src/client/PublicLobby.ts

@@ -20,7 +20,7 @@ export class PublicLobby extends LitElement {
     this.fetchAndUpdateLobbies();
     this.lobbiesInterval = window.setInterval(
       () => this.fetchAndUpdateLobbies(),
-      1000,
+      1000
     );
   }
 
@@ -74,6 +74,11 @@ export class PublicLobby extends LitElement {
       >
         <div class="text-lg md:text-2xl font-semibold mb-2">Next Game</div>
         <div class="flex items-center justify-center gap-4">
+          <div class="flex flex-col items-start">
+            <div class="text-md font-medium text-blue-100">
+              ${lobby.gameConfig.gameMap}
+            </div>
+          </div>
           <div class="flex flex-col items-start">
             <div class="text-md font-medium text-blue-100">
               ${lobby.numClients}
@@ -106,7 +111,7 @@ export class PublicLobby extends LitElement {
           },
           bubbles: true,
           composed: true,
-        }),
+        })
       );
     } else {
       this.dispatchEvent(
@@ -114,7 +119,7 @@ export class PublicLobby extends LitElement {
           detail: { lobby: this.currLobby },
           bubbles: true,
           composed: true,
-        }),
+        })
       );
       this.currLobby = null;
     }