fix avatar scaling

src/chat/components/Avatar.svelte

@@ -17,9 +17,11 @@
   const chat = getContext<ChatService>("chat");
   const avatarUrl = $derived(chat.getAvatarUrl(user));
   const initials = $derived((user?.name || "??").substring(0, 2).toUpperCase());
+  const validSizes = ["tiny", "small", "medium", "large"];
+  const safeSize = $derived(validSizes.includes(size as string) ? size : "medium");
 </script>
 
-<div class="avatar {size} {isTalking ? 'talking' : ''} {className}">
+<div class="avatar {safeSize} {isTalking ? 'talking' : ''} {className}">
   {#if avatarUrl}
     <img src={avatarUrl} alt={user?.name || "User Avatar"} />
   {:else}

src/chat/components/channels/DirectMessageList.svelte

@@ -36,7 +36,7 @@
             onclick={() => (chat.activeChannelId = dm.channelId)}
           >
             <div class="avatar-wrapper">
-              <Avatar user={recipient} size={32} />
+              <Avatar user={recipient} size="small" />
             </div>
             <div class="dm-info">
               <span class="dm-name">{recipient.name || 'Unknown User'}</span>