Actualizar control de permisos de área y gestión de usuarios

src/sections/GestionUsuarios.tsx

@@ -14,7 +14,7 @@ import { Plus, Pencil, Trash2 } from 'lucide-react';
 const API_BASE = import.meta.env.VITE_API_URL || '/api';
 
 export function GestionUsuarios() {
-  const { logout } = useHospitalStore();
+  const { currentUser } = useHospitalStore();
   const [usuarios, setUsuarios] = useState<Usuario[]>([]);
   const [areas, setAreas] = useState<Area[]>([]);
   const [loading, setLoading] = useState(true);
@@ -157,6 +157,14 @@ export function GestionUsuarios() {
     return areas.find(a => a.id === areaId)?.nombre || '-';
   };
 
+  if (!currentUser || currentUser.rol !== 'admin') {
+    return (
+      <div className="p-8 text-center text-red-500 font-semibold">
+        No tiene permisos para acceder al módulo de gestión de usuarios.
+      </div>
+    );
+  }
+
   if (loading) {
     return <div>Cargando...</div>;
   }
@@ -319,7 +327,7 @@ export function GestionUsuarios() {
               </div>
             </div>
 
-            {form.rol === 'medico' && (
+            {form.rol !== 'admin' && (
               <div className="space-y-2">
                 <Label>Área Asignada</Label>
                 <Select value={form.areaId} onValueChange={(v) => setForm({ ...form, areaId: v })}>