feat: show avatar at compose

to make it more in keeping with other event messages
when displayed in thread

src/lib/components/events/Compose.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
-  import { login } from '$lib/stores/users'
+  import { logged_in_user, login } from '$lib/stores/users'
+  import UserHeader from '../users/UserHeader.svelte'
+  import { defaults as user_defaults } from '../users/type'
 
   export let sendReply: (content: string) => void = () => {}
   export let placeholder = 'reply...'
@@ -12,27 +14,35 @@
   let content = ''
 </script>
 
-<div class="">
+<div class="flex pt-5">
-  <textarea
+  <div class="mt-0 flex-none px-3">
-    disabled={submitting}
+    <UserHeader
-    bind:value={content}
+      avatar_only={true}
-    class="textarea textarea-primary w-full"
+      user={$logged_in_user || { ...user_defaults, loading: false }}
-    {placeholder}
+    />
-  ></textarea>
+  </div>
-  <div class="flex">
+  <div class="flex-grow pt-2">
-    <div class="flex-auto"></div>
+    <textarea
-    <button
-      on:click={submit}
       disabled={submitting}
-      class="align-right btn btn-primary btn-sm mt-2 align-bottom"
+      bind:value={content}
-    >
+      class="textarea textarea-primary w-full"
-      {#if submitting}
+      {placeholder}
-        Sending
+    ></textarea>
-      {:else if !logged_in}
+    <div class="flex">
-        Login before Sending
+      <div class="flex-auto"></div>
-      {:else}
+      <button
-        Send
+        on:click={submit}
-      {/if}
+        disabled={submitting}
-    </button>
+        class="align-right btn btn-primary btn-sm mt-2 align-bottom"
+      >
+        {#if submitting}
+          Sending
+        {:else if !logged_in}
+          Login before Sending
+        {:else}
+          Send
+        {/if}
+      </button>
+    </div>
   </div>
 </div>

src/lib/components/users/UserHeader.svelte

@@ -9,6 +9,7 @@
 
   export let inline = false
   export let size: 'xs' | 'sm' | 'md' = 'md'
+  export let avatar_only = false
 
   $: ({ profile, loading } = user)
   $: display_name = getName(user)
@@ -56,6 +57,7 @@
       class:flex-auto={!inline}
       class:m-auto={!inline}
       class:inline-block={inline}
+      class:hidden={avatar_only}
     >
       {#if loading}
         <div