chore: redesign threads as a linear phpBB-style forum view

src/app/components/SpaceBar.svelte

@@ -31,18 +31,18 @@
     </Button>
     <div class="flex grow items-center justify-between gap-4">
       <div class="flex min-w-0 flex-col">
-        <div class="flex min-w-0 items-center gap-2">
+        <div class="flex min-w-0 items-start gap-2">
           <RelayIcon {url} size={5} class="shrink-0 rounded-full md:hidden" />
           <div class="hidden shrink-0 md:flex md:items-center">
             {@render leading?.()}
           </div>
-          <div class="flex min-w-0 flex-col">
+          <div class="min-w-0 leading-none">
             {@render title?.()}
-            <div class="text-xs text-primary md:hidden">
-              {displayRelayUrl(url)}
-            </div>
           </div>
         </div>
+        <div class="text-xs text-primary pl-7 md:hidden">
+          {displayRelayUrl(url)}
+        </div>
       </div>
       <div class="flex shrink-0 items-center gap-2">
         {@render action?.()}

src/routes/spaces/[relay]/threads/[id]/+page.svelte

@@ -128,7 +128,7 @@
 <SpaceBar {back} class="!h-auto min-h-20 py-3">
   {#snippet title()}
     <div class="flex min-w-0 flex-col gap-0.5">
-      <h1 class="ellipsize text-base leading-tight font-bold sm:text-xl">
+      <h1 class="ellipsize text-base leading-none font-bold sm:text-xl">
         {getTagValue("title", $event?.tags || []) || ""}
       </h1>
       <p class="text-xs opacity-75">