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,7 +14,14 @@
   let content = ''
 </script>
 
-<div class="">
+<div class="flex pt-5">
+  <div class="mt-0 flex-none px-3">
+    <UserHeader
+      avatar_only={true}
+      user={$logged_in_user || { ...user_defaults, loading: false }}
+    />
+  </div>
+  <div class="flex-grow pt-2">
     <textarea
       disabled={submitting}
       bind:value={content}
@@ -36,3 +45,4 @@
       </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