Roles ampliados (10) y matriz de permisos por rol

- Roles: admin, médico, recepción, enfermería, cosmetología, psicóloga,
  farmacia, entrenador, marketing + lectura (compatibilidad)
- Matriz de permisos por rol persistida en Odoo (ir.config_parameter)
  y editable en Configuración → Roles (secciones × roles)
- Prioridad: permisos personales del usuario > matriz por rol > defaults
- Protección: admin siempre conserva /configuracion

frontend/src/pages/Configuracion.tsx

@@ -4,6 +4,7 @@ import { useSearchParams } from 'react-router-dom';
 import { Phone, MapPin, Mail, Globe, Save, Building2, ArrowRightLeft } from 'lucide-react';
 import Layout from '../components/Layout';
 import UsuariosPanel from '../components/UsuariosPanel';
+import RolesPanel from '../components/RolesPanel';
 import RecetasPanel from '../components/RecetasPanel';
 import CatalogoPanel from '../components/CatalogoPanel';
 import { Card, Button, Input, PageHeader, toast } from '../components/ui';
@@ -12,6 +13,7 @@ import { odooApi } from '../services/odoo';
 const TABS = [
   { key: 'clinica', label: 'Clínica' },
   { key: 'usuarios', label: 'Usuarios' },
+  { key: 'roles', label: 'Roles' },
   { key: 'recetas', label: 'Recetas' },
   { key: 'catalogos', label: 'Catálogos' },
 ] as const;
@@ -134,6 +136,12 @@ const Configuracion: FC = () => {
             <UsuariosPanel />
           </Card.Body>
         </Card>
+      ) : tab === 'roles' ? (
+        <Card>
+          <Card.Body>
+            <RolesPanel />
+          </Card.Body>
+        </Card>
       ) : tab === 'recetas' ? (
         <Card>
           <Card.Body>