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

src/sections/MapaCamas.tsx

@@ -173,13 +173,12 @@ export function MapaCamas({
     return !internacionActiva;
   });
 
-  return (
-    <div className="space-y-6">
-      {/* Header */}
+return (
+    <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">Mapa de Camas</h1>
-          <p className="text-gray-500">Gestión de camas del servicio</p>
+          <h1 className="text-2xl font-bold text-gray-900 dark:text-white">Mapa de Camas</h1>
+          <p className="text-gray-500 dark:text-gray-400">Gestión de camas del servicio</p>
         </div>
         <div className="flex items-center gap-2">
           <Badge variant="outline" className="bg-green-50 text-green-700">
@@ -569,7 +568,7 @@ export function MapaCamas({
                   Eliminar
                 </Button>
               )}
-              <Button onClick={() => setBedDialogOpen(false)}>Cancelar</Button>
+              <Button onClick={() => setBedDialogOpen(false)}><X className="h-4 w-4 mr-2" />Cancelar</Button>
               <Button onClick={() => {
                 if (!bedNumero.trim()) return alert('Número requerido');
                 if (editingBed) {