Flesh out people tab

src/app/components/ContentQuote.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import {getAddress, Address} from "@welshman/util"
+  import Spinner from "@lib/components/Spinner.svelte"
   import NoteCard from "@app/components/NoteCard.svelte"
   import {deriveEvent} from "@app/state"
 
@@ -14,8 +15,14 @@
   $: isGroup = address.match(/^(34550|35834):/)
 </script>
 
-<button class="text-left my-2" on:click|stopPropagation>
-  <NoteCard event={$event} class="p-4 rounded-box bg-base-300">
-    <slot name="note-content" event={$event} {depth} />
-  </NoteCard>
+<button class="text-left my-2 max-w-full" on:click|stopPropagation>
+  {#if $event}
+    <NoteCard event={$event} class="p-4 rounded-box bg-base-300">
+      <slot name="note-content" event={$event} {depth} />
+    </NoteCard>
+  {:else}
+    <div class="p-4 rounded-box bg-base-300">
+      <Spinner loading>Loading event...</Spinner>
+    </div>
+  {/if}
 </button>