feat: web UI chat render, panels, presence + analytics

frontend/src/lib/components/MessageMeta.svelte

@@ -1,13 +1,15 @@
 <script lang="ts">
   import type { MessageView } from "$lib/api/types";
+  import Icon from "$lib/components/ui/Icon.svelte";
   import { formatTime } from "$lib/format/datetime";
 
   interface Props {
     message: MessageView;
     onversions?: () => void;
+    own?: boolean;
   }
 
-  let { message, onversions }: Props = $props();
+  let { message, onversions, own = false }: Props = $props();
 </script>
 
 <span class="MessageMeta">
@@ -22,6 +24,13 @@
     </button>
   {/if}
   <span class="time">{formatTime(message.date)}</span>
+  {#if own}
+    <Icon
+      class="ticks"
+      name={message.read ? "message-read" : "check"}
+      size="1rem"
+    />
+  {/if}
 </span>
 
 <style lang="scss">