feat: replace dynamic avatar generation with static image assets

apps/web/src/lib/components/chat/UserAvatar.svelte

@@ -1,41 +1,43 @@
 <script lang="ts">
-  import { getAvatarUrl as generateAvatarUrl } from "$lib/utils/avatarGenerator";
-  
-  interface Props {
-    avatar?: string;
-    fotoPerfilUrl?: string | null;
-    nome: string;
-    size?: "xs" | "sm" | "md" | "lg";
-  }
+	import { User } from 'lucide-svelte';
 
-  let { avatar, fotoPerfilUrl, nome, size = "md" }: Props = $props();
+	interface Props {
+		fotoPerfilUrl?: string | null;
+		nome: string;
+		size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+	}
 
-  const sizeClasses = {
-    xs: "w-8 h-8",
-    sm: "w-10 h-10",
-    md: "w-12 h-12",
-    lg: "w-16 h-16",
-  };
+	let { fotoPerfilUrl, nome, size = 'md' }: Props = $props();
 
-  function getAvatarUrl(avatarId: string): string {
-    // Usar gerador local ao invés da API externa
-    return generateAvatarUrl(avatarId);
-  }
+	const sizeClasses = {
+		xs: 'w-8 h-8',
+		sm: 'w-10 h-10',
+		md: 'w-12 h-12',
+		lg: 'w-16 h-16',
+		xl: 'w-32 h-32'
+	};
 
-  const avatarUrlToShow = $derived(() => {
-    if (fotoPerfilUrl) return fotoPerfilUrl;
-    if (avatar) return getAvatarUrl(avatar);
-    return getAvatarUrl(nome); // Fallback usando o nome
-  });
+	const iconSizes = {
+		xs: 16,
+		sm: 20,
+		md: 24,
+		lg: 32,
+		xl: 64
+	};
 </script>
 
-<div class="avatar">
-  <div class={`${sizeClasses[size]} rounded-full bg-base-200 overflow-hidden`}>
-    <img 
-      src={avatarUrlToShow()} 
-      alt={`Avatar de ${nome}`}
-      class="w-full h-full object-cover"
-    />
-  </div>
+<div class="avatar placeholder">
+	<div
+		class={`${sizeClasses[size]} bg-base-200 text-base-content/50 flex items-center justify-center overflow-hidden rounded-full`}
+	>
+		{#if fotoPerfilUrl}
+			<img
+				src={fotoPerfilUrl}
+				alt={`Foto de perfil de ${nome}`}
+				class="h-full w-full object-cover"
+			/>
+		{:else}
+			<User size={iconSizes[size]} />
+		{/if}
+	</div>
 </div>
-