Frontend completo (Etapas 11-18) e extensões de backend (Etapas 13 e 18)

Adiciona o frontend Next.js em frontend/ (setup, design system,
autenticação/tema, layout/navegação, área master, área tenant completa:
clientes, produtos, vendas, recebimentos, whatsapp, e-mail, alertas,
equipe e perfil). Estende o backend de forma aditiva e autorizada:
cookie httpOnly para refresh token (Etapa 13) e CRUD de equipe +
edição de perfil do tenant (Etapa 18, módulo src/modules/equipe/ novo
e PUT /tenant/perfil). Detalhes completos em Etapas/V2/*.

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

frontend/components/layout/user-footer.tsx

@@ -0,0 +1,48 @@
+'use client';
+
+import { LogOut } from 'lucide-react';
+
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+
+interface UserFooterProps {
+  label: string;
+  sublabel?: string;
+  onLogout: () => void;
+  /** Sidebar recolhida/drawer fechado: só avatar + botão de sair, sem texto. */
+  compact?: boolean;
+}
+
+/**
+ * Rodapé de identidade + logout da sidebar/drawer (Etapa 14). O access
+ * token (`lib/auth/jwt.ts`) não carrega nome/e-mail do usuário — só
+ * `sub`/`tipo`/`tenant_id`/`role` — então a identificação aqui é o papel do
+ * usuário, não o nome; ver observação da Etapa 14 no controle de progresso.
+ */
+export function UserFooter({ label, sublabel, onLogout, compact = false }: UserFooterProps) {
+  const initial = label.charAt(0).toUpperCase();
+
+  return (
+    <div className={cn('flex w-full items-center gap-2', compact && 'w-auto flex-col')}>
+      <span className="flex size-9 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-foreground">
+        {initial}
+      </span>
+      {!compact && (
+        <div className="min-w-0 flex-1">
+          <p className="truncate text-sm font-medium text-foreground">{label}</p>
+          {sublabel && <p className="truncate text-xs text-neutral-500">{sublabel}</p>}
+        </div>
+      )}
+      <Button
+        type="button"
+        variant="ghost"
+        size="icon-sm"
+        onClick={onLogout}
+        aria-label="Sair"
+        title="Sair"
+      >
+        <LogOut className="size-4" />
+      </Button>
+    </div>
+  );
+}