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

src/sections/Cultivos.tsx

@@ -176,11 +176,11 @@ export function Cultivos({
   }).sort((a, b) => new Date(b.fechaToma).getTime() - new Date(a.fechaToma).getTime());
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 dark:text-white">
       <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
         <div>
-          <h1 className="text-2xl font-bold text-gray-900">Cultivos</h1>
-          <p className="text-gray-500">Gestión de cultivos microbiológicos y antibiogramas</p>
+          <h1 className="text-2xl font-bold text-gray-900 dark:text-white">Cultivos</h1>
+          <p className="text-gray-500 dark:text-gray-400">Gestión de cultivos microbiológicos y antibiogramas</p>
         </div>
         <Dialog open={dialogoNuevoAbierto} onOpenChange={setDialogoNuevoAbierto}>
           <DialogTrigger asChild>
@@ -268,7 +268,7 @@ export function Cultivos({
                 <textarea className="w-full p-2 border rounded-md text-sm min-h-[60px]" value={observaciones} onChange={(e) => setObservaciones(e.target.value)} />
               </div>
               <div className="flex justify-end gap-2">
-                <Button variant="outline" onClick={() => setDialogoNuevoAbierto(false)}>Cancelar</Button>
+                <Button variant="outline" onClick={() => setDialogoNuevoAbierto(false)}><X className="h-4 w-4 mr-2" />Cancelar</Button>
                 <Button onClick={handleAgregar} disabled={!pacienteSeleccionado || !fechaToma || !tipoMuestra}>
                   <Plus className="h-4 w-4 mr-2" />
                   Guardar