fix(frontend): adjust breakpoint of lobby grid

frontend/src/stores/sessionStore.ts

@@ -277,13 +277,13 @@ class SessionManager {
 
     private handleStatus(message: StatusInfoObj) {
         console.log("Status: ", message);
-        if (message.IsError && message.StatusCode !== "connection_from_different_socket") {
-            this.leaveRoom();
-        }
-        if (message.IsError) {
+        if (message.StatusCode == "connection_from_different_socket") {
             this.socket = null;
             window.history.replaceState({}, "", "/");
         }
+        if (message.IsError) {
+            console.warn("Received error from server: ", message);
+        }
         this.store.update((state) => ({
             ...state,
             messages: [...state.messages, message],

frontend/src/views/Game/Lobby.svelte

@@ -121,8 +121,7 @@
     </span>
 </div>
 
-<!-- TODO Grid not fully responsive -->
-<div class="grid md:grid-flow-col grid-flow-row justify-center mt-6 mb-2 gap-4">
+<div class="grid lg:grid-flow-col grid-flow-row justify-center mt-6 mb-2 gap-4">
     <!-- Rename (This) Player -->
     {#if sessionStore.isConnected()}
         <RenamePlayer />