Add amber support

src/routes/chat/+page.svelte

@@ -29,19 +29,21 @@
   })
 </script>
 
-<div class="min-h-screen hidden md:hero">
-  <div class="hero-content col-2 text-center">
+<div class="hidden min-h-screen md:hero">
+  <div class="col-2 hero-content text-center">
     <p class="row-2 text-lg">
       <Icon icon="info-circle" />
       No conversation selected.
     </p>
     <p>
-      Click on a conversation in the sidebar, or <Button class="link" on:click={startChat}>start a new one</Button>.
+      Click on a conversation in the sidebar, or <Button class="link" on:click={startChat}
+        >start a new one</Button
+      >.
     </p>
   </div>
 </div>
 <div class="content col-2">
-  <div class="row-2 min-w-0 items-center flex-grow">
+  <div class="row-2 min-w-0 flex-grow items-center">
     <label class="input input-bordered flex flex-grow items-center gap-2">
       <Icon icon="magnifer" />
       <input bind:value={term} class="grow" type="text" placeholder="Search for conversations..." />

src/routes/spaces/[relay]/+layout.svelte

@@ -121,7 +121,8 @@
         </div>
         <div transition:slide={{delay: getDelay()}}>
           <SecondaryNavItem href={makeSpacePath(url)}>
-            <Icon icon="hashtag" /> {GENERAL}
+            <Icon icon="hashtag" />
+            {GENERAL}
           </SecondaryNavItem>
         </div>
         {#each rooms as room, i (room)}