feat: adicionar AvatarUpload editável na barra lateral do paciente

MEDICONNECT 2/src/pages/AcompanhamentoPaciente.tsx

@@ -23,7 +23,7 @@ import { useAuth } from "../hooks/useAuth";
 import { appointmentService, doctorService, reportService } from "../services";
 import type { Report } from "../services/reports/types";
 import AgendamentoConsulta from "../components/AgendamentoConsulta";
-import { Avatar } from "../components/ui/Avatar";
+import { AvatarUpload } from "../components/ui/AvatarUpload";
 
 interface Consulta {
   _id: string;
@@ -284,11 +284,14 @@ const AcompanhamentoPaciente: React.FC = () => {
       {/* Patient Profile */}
       <div className="p-6 border-b border-gray-200 dark:border-slate-700">
         <div className="flex items-center gap-3">
-          <Avatar 
-            src={avatarUrl}
+          <AvatarUpload
+            userId={user?.id}
+            currentAvatarUrl={avatarUrl}
             name={pacienteNome}
-            size="md"
             color="blue"
+            size="lg"
+            editable={true}
+            onAvatarUpdate={(url) => setAvatarUrl(url || undefined)}
           />
           <div>
             <p className="font-medium text-gray-900 dark:text-white">