feat: add frontend, nginx reverse proxy and monitoring/reports extras

- apps/frontend: Next.js 15 (App Router) + Tailwind v4 + componentes estilo
  shadcn/ui sobre Radix UI + TanStack Query. Tema light/dark, logo
  processada. Menu completo (secao 52) com gating por permissao real.
  Todas as telas do checklist de aceite (secao 90) conectadas a endpoints
  reais (nao mockup): login, usuarios, perfis/permissoes, ramais/troncos,
  dialplan, filas/agentes, console do agente, campanhas (CPS/CSV/
  iniciar/pausar), monitoramento ao vivo (polling, nao WebSocket real),
  TME/TMA, busca/export de chamadas, administracao do Asterisk, auditoria
- infrastructure/nginx: reverse proxy colocando frontend+API na mesma
  origem (porta 80), antecipado da Fase 9 pois a API nao publica porta
  propria
- apps/api: GET /api/monitoring/agents (estado corrente real via
  agent_state_events em aberto) e filtro queueId em GET /api/reports/calls

Pendencia registrada: tela de Callbacks nao implementada (schema existe
desde a Fase 6, mas nunca houve controller/service — construir a tela sem
API real seria mockup). Verificacao visual em navegador nao foi possivel
neste ambiente headless; validado via tsc/eslint/next build limpos + curl
reproduzindo as chamadas do navegador (middleware de auth, 24 paginas
protegidas via Nginx, endpoints de dados com cookie de sessao).

apps/frontend/src/services/roles.ts

@@ -0,0 +1,23 @@
+import { api } from '@/lib/api-client';
+import type { Role } from '@/types';
+import type { Permission } from '@/lib/permissions';
+
+export interface CreateRoleInput {
+  name: string;
+  description?: string;
+  permissionKeys: Permission[];
+}
+
+export interface UpdateRoleInput {
+  description?: string;
+  permissionKeys?: Permission[];
+}
+
+export const rolesService = {
+  list: () => api.get<Role[]>('/roles'),
+  permissionCatalog: () => api.get<Permission[]>('/roles/permissions'),
+  create: (input: CreateRoleInput) => api.post<Role>('/roles', input),
+  update: (id: string, input: UpdateRoleInput) =>
+    api.patch<Role>(`/roles/${id}`, input),
+  remove: (id: string) => api.delete<void>(`/roles/${id}`),
+};