Optimize layout for large screens (> 1500px)

src/routes/+layout.svelte

@@ -21,7 +21,7 @@
   <link rel="icon" href={favicon} />
 </svelte:head>
 
-<div class="flex h-screen flex-col overflow-hidden bg-gray-100">
+<div class="flex h-screen flex-col overflow-hidden max-w-[1540px] mx-auto">
   <Navbar />
   <div class="flex flex-1 gap-5 overflow-hidden pt-2">
     <LeftSidebar {mode} {activeRoom} />

src/routes/layout.css

@@ -6,6 +6,10 @@ html {
   font-size: 16px;
 }
 
+body {
+  background-color: var(--color-gray-100);
+}
+
 @theme {
   --color-brand: #e32a6d;
   --color-brand-hover: #c4205a;