feat: adicionar auto-load de avatar nos painéis de paciente e médico

MEDICONNECT 2/src/pages/AcompanhamentoPaciente.tsx

@@ -24,6 +24,7 @@ import { appointmentService, doctorService, reportService } from "../services";
 import type { Report } from "../services/reports/types";
 import AgendamentoConsulta from "../components/AgendamentoConsulta";
 import { AvatarUpload } from "../components/ui/AvatarUpload";
+import { avatarService } from "../services/avatars/avatarService";
 
 interface Consulta {
   _id: string;
@@ -78,6 +79,33 @@ const AcompanhamentoPaciente: React.FC = () => {
     if (!user || !isPaciente) navigate("/paciente");
   }, [user, roles, navigate]);
 
+  // Carregar avatar ao montar componente
+  useEffect(() => {
+    if (user?.id) {
+      // Tenta carregar avatar existente (testa png, jpg, webp)
+      const extensions = ["png", "jpg", "webp"];
+      const testAvatar = async () => {
+        for (const ext of extensions) {
+          try {
+            const url = avatarService.getPublicUrl({ 
+              userId: user.id, 
+              ext: ext as "jpg" | "png" | "webp" 
+            });
+            const response = await fetch(url, { method: "HEAD" });
+            if (response.ok) {
+              setAvatarUrl(url);
+              console.log(`[AcompanhamentoPaciente] Avatar encontrado: ${url}`);
+              break;
+            }
+          } catch (error) {
+            // Continua testando próxima extensão
+          }
+        }
+      };
+      testAvatar();
+    }
+  }, [user?.id]);
+
   const fetchConsultas = useCallback(async () => {
     if (!pacienteId) return;
     setLoading(true);

MEDICONNECT 2/src/pages/PainelMedico.tsx

@@ -36,6 +36,7 @@ import { useAuth } from "../hooks/useAuth";
 import DisponibilidadeMedico from "../components/DisponibilidadeMedico";
 import ConsultaModal from "../components/consultas/ConsultaModal";
 import { AvatarUpload } from "../components/ui/AvatarUpload";
+import { avatarService } from "../services/avatars/avatarService";
 
 // Type aliases para compatibilidade
 type ServiceConsulta = Appointment;
@@ -100,6 +101,33 @@ const PainelMedico: React.FC = () => {
     if (!medicoId) navigate("/login-medico");
   }, [medicoId, navigate]);
 
+  // Carregar avatar ao montar componente
+  useEffect(() => {
+    if (user?.id) {
+      // Tenta carregar avatar existente (testa png, jpg, webp)
+      const extensions = ["png", "jpg", "webp"];
+      const testAvatar = async () => {
+        for (const ext of extensions) {
+          try {
+            const url = avatarService.getPublicUrl({ 
+              userId: user.id, 
+              ext: ext as "jpg" | "png" | "webp" 
+            });
+            const response = await fetch(url, { method: "HEAD" });
+            if (response.ok) {
+              setAvatarUrl(url);
+              console.log(`[PainelMedico] Avatar encontrado: ${url}`);
+              break;
+            }
+          } catch (error) {
+            // Continua testando próxima extensão
+          }
+        }
+      };
+      testAvatar();
+    }
+  }, [user?.id]);
+
   const fetchConsultas = useCallback(async () => {
     setLoading(true);
     try {