Agregar icons X a botones cancelar, dark mode en todos los componentes

src/sections/NuevoIngreso.tsx

@@ -77,18 +77,18 @@ export function NuevoIngreso({ pacientes, camas, areas, onIniciarInternacion, on
   const selectedPaciente = pacientes.find(p => p.id === pacienteSeleccionado);
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 dark:text-white">
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-4">
           <Button variant="ghost" size="icon" onClick={onVolver}>
             <ArrowLeft className="h-5 w-5" />
           </Button>
           <div>
-            <h1 className="text-2xl font-bold text-gray-900 flex items-center gap-2">
+            <h1 className="text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2">
               <User className="h-6 w-6 text-blue-600" />
               Nuevo Ingreso
             </h1>
-            <p className="text-gray-500">Formulario de internación</p>
+            <p className="text-gray-500 dark:text-gray-400">Formulario de internación</p>
           </div>
         </div>
         <div className="flex gap-2">