feat(frontend): Telefonia > Ramais — CRUD, reset de senha, isolamento por tenant

Tela /app/telefonia/ramais completa: listagem com busca/ordenacao,
criacao com reveal de senha SIP (gerada pela API, mostrada uma unica vez),
detalhe com redefinir senha (novo POST /extensions/:id/reset-password —
unica forma de "editar" a senha, nunca reexpoe a existente) e remover
(soft delete), confirmacao inline de 2 cliques em vez de modal. Cada tela
deixa explicito de qual tenant os ramais sao, alem do isolamento por RLS
que ja existia.

Corrige de quebra um bug real que afeta qualquer acao futura sem payload:
apiFetch sempre mandava Content-Type: application/json mesmo em requests
sem body, e o parser do Fastify rejeita body vazio com esse header.

Testado ponta a ponta com um tenant real (Acme Call Center): criar ramal,
revelar senha, redefinir (senha nova confirmada diferente da original),
remover, lista voltando vazia. Dark mode e mobile conferidos.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EWHKmcVJtstQFErbZ1AanY

apps/frontend/src/components/tenant-shell/nav-data.ts

@@ -11,13 +11,14 @@ import {
 } from "lucide-react";
 import type { NavSection } from "../shell/nav-types";
 
-/** IA fixa do menu Tenant (agente.md secao 169) — "Dashboard" tem página
- * construída até agora (PHASE 23), o resto existe pra provar a
- * arquitetura completa (Product Principle #5 em PRODUCT.md), renderizado
- * como indisponível em vez de virar link morto. "Itens sem permissão não
- * aparecem" (secao 169) ainda não é aplicado aqui — este primeiro corte
- * mostra a IA inteira pra qualquer usuário tenant autenticado; filtrar por
- * permission real fica pra quando mais telas existirem pra testar contra. */
+/** IA fixa do menu Tenant (agente.md secao 169) — "Dashboard" (PHASE 23) e
+ * "Telefonia > Ramais" (PHASE 25) têm página construída até agora, o
+ * resto existe pra provar a arquitetura completa (Product Principle #5
+ * em PRODUCT.md), renderizado como indisponível em vez de virar link
+ * morto. "Itens sem permissão não aparecem" (secao 169) ainda não é
+ * aplicado aqui — este primeiro corte mostra a IA inteira pra qualquer
+ * usuário tenant autenticado; filtrar por permission real fica pra
+ * quando mais telas existirem pra testar contra. */
 export const TENANT_NAV: NavSection[] = [
   {
     label: "Dashboard",
@@ -44,7 +45,15 @@ export const TENANT_NAV: NavSection[] = [
   {
     label: "Telefonia",
     icon: Router,
-    children: [{ label: "Ramais" }, { label: "Troncos" }, { label: "Dialplan" }],
+    children: [
+      {
+        label: "Ramais",
+        href: "/app/telefonia/ramais",
+        description: "Ramais SIP deste tenant — números, senha, caller ID",
+      },
+      { label: "Troncos" },
+      { label: "Dialplan" },
+    ],
   },
   {
     label: "Monitoramento",