feat(mvp-rep): formas de pagamento do ERP + suporte offline completo

Formas de pagamento:
- Endpoint GET /catalog/payment-methods lendo vw_formas_pagamento
  filtrado por ativa=1 e integrar_sar=1
- FormaPagamento schema/type no shared api-interface
- Hook useFormasPagamento (staleTime 1h) substituindo lista hardcoded

Offline (FR-4.2 / NFR-2.1–2.4):
- IndexedDB queue: lib/offline/idb.ts + order-queue.ts sem deps externos
- NewOrderPage detecta !navigator.onLine → enqueueOrder() → toast + reset
- useOfflineSync: auto-sync ao reconectar (POST orders + PATCH transmit)
- usePendingOrders: fila reativa via CustomEvents
- AppShell: banner offline + useOfflineSync() global
- OrdersPage: seção de pedidos pendentes com retry/descartar
- sw.js: network-first para API GETs cacheáveis + stale-while-revalidate
  para assets + app shell navigate fallback

Docs:
- architecture.md: documento de decisões de arquitetura do SAR MVP

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>

apps/web/src/cockpits/supervisor/ApprovalQueuePage.tsx

@@ -21,8 +21,19 @@ const columns: TableColumnsType<PedidoSummary> = [
       </Link>
     ),
   },
-  { title: 'Rep (cód)', dataIndex: 'codVendedor', width: 100 },
-  { title: 'Cliente (cód)', dataIndex: 'idCliente', width: 110 },
+  {
+    title: 'Representante',
+    key: 'rep',
+    width: 160,
+    render: (_: unknown, row: PedidoSummary) => row.nomeVendedor ?? `Cód. ${row.codVendedor}`,
+  },
+  {
+    title: 'Cliente',
+    key: 'cliente',
+    width: 200,
+    render: (_: unknown, row: PedidoSummary) =>
+      row.razaoCliente ?? row.nomeCliente ?? `Cód. ${row.idCliente}`,
+  },
   {
     title: 'Total',
     dataIndex: 'total',