feat: replace dynamic avatar generation with static image assets

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

@@ -14,7 +14,7 @@
 	import type { Id } from '@sgse-app/backend/convex/_generated/dataModel';
 	import ChatList from './ChatList.svelte';
 	import ChatWindow from './ChatWindow.svelte';
-	import { getAvatarUrl } from '$lib/utils/avatarGenerator';
+
 	import { SvelteSet } from 'svelte/reactivity';
 
 	const count = useQuery(api.chat.contarNotificacoesNaoLidas, {});
@@ -38,11 +38,8 @@
 			return usuario.fotoPerfilUrl;
 		}
 
-		if (usuario.avatar) {
-			return getAvatarUrl(usuario.avatar);
-		}
-		// Fallback: gerar avatar baseado no nome
-		return getAvatarUrl(usuario.nome);
+		// Fallback: retornar null para usar o ícone User do Lucide
+		return null;
 	});
 
 	// Posição do widget (arrastável)

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

@@ -9,7 +9,7 @@
 	import UserAvatar from './UserAvatar.svelte';
 	import ScheduleMessageModal from './ScheduleMessageModal.svelte';
 	import SalaReuniaoManager from './SalaReuniaoManager.svelte';
-	import { getAvatarUrl } from '$lib/utils/avatarGenerator';
+
 	import { Bell, X, ArrowLeft, LogOut, MoreVertical, Users, Clock, XCircle } from 'lucide-svelte';
 
 	interface Props {
@@ -59,10 +59,7 @@
 		const c = conversa();
 		if (!c) return '💬';
 		if (c.tipo === 'grupo') {
-			return c.avatar || '👥';
-		}
-		if (c.outroUsuario?.avatar) {
-			return c.outroUsuario.avatar;
+			return '👥';
 		}
 		return '👤';
 	}
@@ -138,7 +135,6 @@
 		<div class="relative shrink-0">
 			{#if conversa() && conversa()?.tipo === 'individual' && conversa()?.outroUsuario}
 				<UserAvatar
-					avatar={conversa()?.outroUsuario?.avatar}
 					fotoPerfilUrl={conversa()?.outroUsuario?.fotoPerfilUrl}
 					nome={conversa()?.outroUsuario?.nome || 'Usuário'}
 					size="md"
@@ -195,18 +191,12 @@
 												alt={participante.nome}
 												class="h-full w-full object-cover"
 											/>
-										{:else if participante.avatar}
-											<img
-												src={getAvatarUrl(participante.avatar)}
-												alt={participante.nome}
-												class="h-full w-full object-cover"
-											/>
 										{:else}
-											<img
-												src={getAvatarUrl(participante.nome)}
-												alt={participante.nome}
-												class="h-full w-full object-cover"
-											/>
+											<div
+												class="bg-base-200 flex h-full w-full items-center justify-center text-xs font-semibold"
+											>
+												{participante.nome.substring(0, 2).toUpperCase()}
+											</div>
 										{/if}
 									</div>
 								{/each}

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>
-