Mejorar tema oscuro, añadir dropdownmenu en laboratorios, unificar estilos de botones a outline

src/sections/MapaCamas.tsx

@@ -188,14 +188,14 @@ return (
             {camas.filter(c => c.estado === 'Ocupada').length} Ocupadas
           </Badge>
         <div className="ml-4 flex items-center gap-2 flex-wrap sm:flex-nowrap">
-          <Button onClick={() => {
+          <Button variant="outline" onClick={() => {
             setEditingAreaId(null);
             setAreaNombre('');
             setAreaDialogOpen(true);
           }} className="text-xs px-2 py-1 sm:text-sm sm:px-4 sm:py-2">
             Administrar Áreas
           </Button>
-          <Button onClick={() => {
+          <Button variant="outline" onClick={() => {
             setEditingBed(null);
             setBedNumero('');
             setBedTipo('General');
@@ -327,7 +327,7 @@ return (
                       {cama.estado === 'Disponible' && (
                         <Dialog open={dialogoAbierto} onOpenChange={setDialogoAbierto}>
                           <DialogTrigger asChild>
-                            <Button 
+                            <Button variant="outline"
                               className="w-full" 
                               onClick={() => {
                                 setCamaSeleccionada(cama);
@@ -398,14 +398,14 @@ return (
                                   placeholder="Nombre del médico..."
                                 />
                               </div>
-<Button 
+<Button variant="outline"
                                  className="w-full" 
                                  onClick={handleOcuparCama}
                                  disabled={!pacienteSeleccionado || !diagnostico || !enfermedadActual || !medico}
                                >
-                                <Plus className="h-4 w-4 mr-1" />
-                                Iniciar Internación
-                              </Button>
+                                 <Plus className="h-4 w-4 mr-1" />
+                                 Iniciar Internación
+                               </Button>
                             </div>
                           </DialogContent>
                         </Dialog>
@@ -491,7 +491,7 @@ return (
               <Button size="sm" variant="outline" onClick={() => setAreaDialogOpen(false)}>
                 <X className="h-4 w-4" />
               </Button>
-              <Button size="sm" onClick={() => {
+              <Button size="sm" variant="outline" onClick={() => {
                 if (!areaNombre.trim()) return alert('Nombre requerido');
                 if (editingAreaId) onActualizarArea(editingAreaId, { nombre: areaNombre });
                 else onAgregarArea({ nombre: areaNombre });
@@ -507,10 +507,10 @@ return (
                   <div key={a.id} className="flex items-center justify-between">
                     <div>{a.nombre}</div>
                     <div className="flex gap-1">
-                      <Button size="sm" variant="ghost" onClick={() => { setEditingAreaId(a.id); setAreaNombre(a.nombre); }}>
+                      <Button size="sm" variant="outline" onClick={() => { setEditingAreaId(a.id); setAreaNombre(a.nombre); }}>
                         <Edit2 className="h-4 w-4" />
                       </Button>
-                      <Button size="sm" variant="ghost" className="text-red-600" onClick={() => { if (confirm('Eliminar área?')) onEliminarArea(a.id); }}>
+                      <Button size="sm" variant="outline" className="text-red-600" onClick={() => { if (confirm('Eliminar área?')) onEliminarArea(a.id); }}>
                         <Trash className="h-4 w-4" />
                       </Button>
                     </div>
@@ -568,8 +568,8 @@ return (
                   Eliminar
                 </Button>
               )}
-              <Button onClick={() => setBedDialogOpen(false)}><X className="h-4 w-4 mr-2" />Cancelar</Button>
-              <Button onClick={() => {
+              <Button variant="outline" onClick={() => setBedDialogOpen(false)}><X className="h-4 w-4 mr-2" />Cancelar</Button>
+              <Button variant="outline" onClick={() => {
                 if (!bedNumero.trim()) return alert('Número requerido');
                 if (editingBed) {
                   onActualizarCama(editingBed.id, { numero: bedNumero, tipo: bedTipo, areaId: bedAreaId });