make sure responsive handlers are initialized before gateway settlement

frontend/src/components/Main.svelte

@@ -28,19 +28,8 @@
     {/if}
 </svelte:head>
 
-<style>
-    .flex-container {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        flex-direction: row;
-        overflow: hidden;
-    }
-</style>
-
 <OverlayProvider />
 
-<div class="flex-container">
 {#if !($smallViewport && $showPresenceSidebar) && $showSidebar || $selectedChannel.id === -1}
     <Sidebar />
 {/if}
@@ -50,4 +39,3 @@
 {#if $showPresenceSidebar}
     <PresenceSidebar />
 {/if}
-</div>

frontend/src/main.js

@@ -8,8 +8,6 @@ import gateway, { GatewayEventType } from './gateway';
 import "@material-design-icons/font";
 
 function handleGatewaySettlement() {
-    initResponsiveHandlers();
-
     const loadingElement = document.getElementById("pre--loading-screen");
     if (loadingElement) {
         loadingElement.parentElement.removeChild(loadingElement);
@@ -27,6 +25,7 @@ function handleGatewaySettlement() {
 function main() {
     useDebuggingApi();
     useAuthHandlers();
+    initResponsiveHandlers();
     
     gateway.subscribe(GatewayEventType.Ready, handleGatewaySettlement);
     gateway.subscribe(GatewayEventType.Close, handleGatewaySettlement);