feat: user name different from event content

so it is easier to read threads

src/lib/components/events/EventWrapper.svelte

@@ -24,7 +24,7 @@
 <div class="max-w-4xl border-b border-base-300 p-3 pl-3">
   <div class="flex">
     <div class="flex-auto">
-      <UserHeader user={author} />
+      <UserHeader user={author} in_event_header={true} />
     </div>
     <span class="m-auto text-xs">{created_at_ago}</span>
     <div class="m-auto ml-2">

src/lib/components/users/UserHeader.svelte

@@ -10,6 +10,7 @@
   export let inline = false
   export let size: 'xs' | 'sm' | 'md' = 'md'
   export let avatar_only = false
+  export let in_event_header = false
 
   $: ({ profile, loading } = user)
   $: display_name = getName(user)
@@ -58,6 +59,8 @@
       class:m-auto={!inline}
       class:inline-block={inline}
       class:hidden={avatar_only}
+      class:font-bold={in_event_header}
+      class:opacity-40={in_event_header}
     >
       {#if loading}
         <div