Agregar columna historiaClinica a pacientes con migración segura

src/sections/Pacientes.tsx

@@ -44,6 +44,7 @@ export function Pacientes({
   const [obraSocial, setObraSocial] = useState('');
   const [nacionalidad, setNacionalidad] = useState('');
   const [medicacionHabitual, setMedicacionHabitual] = useState('');
+  const [historiaClinica, setHistoriaClinica] = useState('');
 
   const resetFormulario = () => {
     setNombre('');
@@ -60,6 +61,7 @@ export function Pacientes({
     setObraSocial('');
     setNacionalidad('');
     setMedicacionHabitual('');
+    setHistoriaClinica('');
     setPacienteEditando(null);
   };
 
@@ -79,6 +81,7 @@ export function Pacientes({
     setObraSocial(paciente.obraSocial || '');
     setNacionalidad(paciente.nacionalidad || '');
     setMedicacionHabitual(paciente.medicacionHabitual || '');
+    setHistoriaClinica(paciente.historiaClinica || '');
     setDialogoAbierto(true);
   };
 
@@ -100,6 +103,7 @@ export function Pacientes({
       obraSocial: obraSocial || undefined,
       nacionalidad: nacionalidad || undefined,
       medicacionHabitual: medicacionHabitual || undefined,
+      historiaClinica: historiaClinica || undefined,
     };
 
     if (pacienteEditando) {
@@ -286,6 +290,15 @@ export function Pacientes({
                   placeholder="Medicación habitual del paciente..."
                 />
               </div>
+              <div className="sm:col-span-2">
+                <Label>Historia Clínica</Label>
+                <textarea
+                  className="w-full p-2 border rounded-md text-sm min-h-[80px]"
+                  value={historiaClinica}
+                  onChange={(e) => setHistoriaClinica(e.target.value)}
+                  placeholder="Historia clínica del paciente..."
+                />
+              </div>
             </div>
             <div className="flex justify-end gap-2 mt-4">
               <Button variant="outline" onClick={() => {