feat: add UserAvatar component to display employee profile pictures in various HR pages, enhancing visual representation of employee data

packages/backend/convex/times.ts

@@ -163,9 +163,22 @@ export const listarSubordinadosDoGestorAtual = query({
       for (const rel of membrosRelacoes) {
         const funcionario = await ctx.db.get(rel.funcionarioId);
         if (funcionario) {
+          // Buscar foto do perfil do funcionário através do usuário associado
+          let fotoPerfilUrl: string | null = null;
+          const usuario = await ctx.db
+            .query("usuarios")
+            .withIndex("by_funcionarioId", (q) => q.eq("funcionarioId", funcionario._id))
+            .first();
+          if (usuario?.fotoPerfil) {
+            fotoPerfilUrl = await ctx.storage.getUrl(usuario.fotoPerfil);
+          }
+
           membros.push({
             relacaoId: rel._id,
-            funcionario,
+            funcionario: {
+              ...funcionario,
+              fotoPerfilUrl,
+            },
             dataEntrada: rel.dataEntrada,
           });
         }