feat(orders): fluxo de aprovação — approve/reject endpoints + UIs (C5)

PATCH /orders/:id/approve e /reject com alçada role-gated; OrderDetailPage
com modais de aprovação e recusa; ApprovalQueuePage para Sandra; badge de
pendências na Sidebar; DevLogin com 4 perfis (rep, supervisor, gerente).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/web/src/lib/router.tsx

@@ -4,7 +4,9 @@ import { RafaelPainel } from '../cockpits/rafael/RafaelPainel';
 import { ClientsPage } from '../cockpits/rafael/ClientsPage';
 import { ClientDetailPage } from '../cockpits/rafael/ClientDetailPage';
 import { OrdersPage } from '../cockpits/rafael/OrdersPage';
+import { OrderDetailPage } from '../cockpits/rafael/OrderDetailPage';
 import { NewOrderPage } from '../cockpits/rafael/NewOrderPage';
+import { ApprovalQueuePage } from '../cockpits/sandra/ApprovalQueuePage';
 
 const rootRoute = createRootRoute({
   component: () => (
@@ -53,14 +55,13 @@ const novoOrderRoute = createRoute({
 const pedidoDetailRoute = createRoute({
   getParentRoute: () => rootRoute,
   path: '/pedidos/$id',
-  component: () => {
-    const { id } = pedidoDetailRoute.useParams();
-    return (
-      <div style={{ padding: 24 }}>
-        <p>Detalhe do pedido {id} — em construção</p>
-      </div>
-    );
-  },
+  component: OrderDetailPage,
+});
+
+const aprovacoes = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/aprovacoes',
+  component: ApprovalQueuePage,
 });
 
 const routeTree = rootRoute.addChildren([
@@ -71,6 +72,7 @@ const routeTree = rootRoute.addChildren([
   pedidosRoute,
   novoOrderRoute,
   pedidoDetailRoute,
+  aprovacoes,
 ]);
 
 export const router = createRouter({