Fix misaligned public lobbies text (#819)

## Description:

Fix misaligned public lobbies text. The texts are not in a straight
line.

Before:
![Before with edge element
inspect](https://github.com/user-attachments/assets/abf83fab-128f-46c3-8c02-d1d5b6679f0a)

![Before with known
world](https://github.com/user-attachments/assets/13e3f2ed-207f-499f-ab04-c03fa3f73a9d)

![before
3](https://github.com/user-attachments/assets/b2fb5e87-0e29-4698-b76c-ed935083fd69)


![now](https://github.com/user-attachments/assets/f97e2cbf-3b69-488f-b286-ba6ca85cfa5d)


After:

![After](https://github.com/user-attachments/assets/ab597f35-968a-468a-a647-a4bcc797ce00)


![pr](https://github.com/user-attachments/assets/257a2617-a420-49e7-87f4-cee988a86578)


## Please complete the following:

- [x] I have added screenshots for all UI updates
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced
- [x] I understand that submitting code with bugs that could have been
caught through manual testing blocks releases and new features for all
contributors

## Please put your Discord username so you can be contacted if a bug or
regression is found:

tryout33

src/client/PublicLobby.ts

@@ -134,7 +134,7 @@ export class PublicLobby extends LitElement {
               </div>
             </div>
             <div class="flex flex-col items-center">
-              <div class="text-md font-medium text-blue-100 mb-2">
+              <div class="text-md font-medium text-blue-100 mb-4">
                 ${lobby.numClients} / ${lobby.gameConfig.maxPlayers}
               </div>
               <div class="text-md font-medium text-blue-100">