Improve relay access checks, content loading

src/app/components/PeopleItem.svelte

@@ -48,7 +48,7 @@
     {@const following = getPubkeyTagValues(getListTags($userFollows)).includes(pubkey)}
     <div class="divider" />
     <Button class="chat chat-start" on:click={onClick}>
-      <div class="chat-bubble">
+      <div class="chat-bubble text-left bg-alt">
         <Content hideMedia={!following} {event} />
         <p class="text-right text-xs">{formatTimestamp(event.created_at)}</p>
       </div>

src/app/components/RelayDescription.svelte

@@ -7,5 +7,5 @@
 </script>
 
 {#if $relay?.profile?.description}
-  <p>{$relay?.profile.description}</p>
+  <p class={$$props.class}>{$relay?.profile.description}</p>
 {/if}

src/app/components/SpaceCheck.svelte

@@ -58,7 +58,7 @@
       <Icon icon="alt-arrow-left" />
       Go back
     </Button>
-    <Button type="submit" class="btn btn-primary">
+    <Button type="submit" class="btn btn-primary" disabled={loading}>
       Go to Space
       <Icon icon="alt-arrow-right" class="!bg-base-300" />
     </Button>

src/app/components/Toast.svelte

@@ -5,8 +5,8 @@
 
 {#if $toast}
   {@const theme = $toast.theme || "info"}
-  {#key $toast.id}
-    <div transition:fly class="toast z-toast">
+  <div transition:fly class="toast z-toast">
+    {#key $toast.id}
       <div
         role="alert"
         class="alert flex justify-center"
@@ -14,6 +14,6 @@
         class:alert-error={theme === "error"}>
         {$toast.message}
       </div>
-    </div>
-  {/key}
+    {/key}
+  </div>
 {/if}