feat: integrate UserAvatar component in absence management to display user profile pictures alongside names for improved user experience

apps/web/src/routes/(dashboard)/secretaria-executiva/gestao-ausencias/+page.svelte

@@ -14,6 +14,7 @@
 	import ExcelJS from 'exceljs';
 	import logoGovPE from '$lib/assets/logo_governo_PE.png';
 	import { toast } from 'svelte-sonner';
+	import UserAvatar from '$lib/components/chat/UserAvatar.svelte';
 
 	const client = useConvexClient();
 	const currentUser = useQuery(api.auth.getCurrentUser, {});
@@ -672,8 +673,17 @@
 						<tbody>
 							{#each ausenciasFiltradas as ausencia}
 								<tr>
-									<td class="font-semibold">
-										{ausencia.funcionario?.nome || 'N/A'}
+									<td>
+										<div class="flex items-center gap-3">
+											<UserAvatar
+												fotoPerfilUrl={ausencia.funcionario?.fotoPerfilUrl}
+												nome={ausencia.funcionario?.nome || 'N/A'}
+												size="sm"
+											/>
+											<span class="font-semibold">
+												{ausencia.funcionario?.nome || 'N/A'}
+											</span>
+										</div>
 									</td>
 									<td>
 										{#if ausencia.time}