perf: dividir o bundle por rota (−60% na carga inicial)

[janeiaraujo]

Base: este PR está empilhado sobre feat/i18n-telas-secundarias (#37),
porque os dois mexem no bloco de imports do App.jsx e sairia conflito. Ao
mergear o #37, o GitHub re-aponta este para a main sozinho.

O problema

O frontend saía num chunk único de 2,0 MB (597 kB gzip). Quem abria a tela
de login baixava a aplicação inteira — o editor TipTap, os gráficos, todas as
telas de admin — para ver um formulário com dois campos. O Vite avisava disso a
cada build.

O que mudou

41 rotas passam a entrar por lazy(), com um Suspense em volta usando o mesmo
spinner que as rotas protegidas já usam (para a tela não mudar de aparência
conforme o chunk esteja em cache ou não).

Login e Register ficam estáticos de propósito. São o primeiro contato de
quem chega sem sessão; adiar essas duas trocaria um bundle grande por um flash
de spinner logo na abertura — pioraria a impressão em vez de melhorar.

Resultado

	antes	depois
carga inicial	2400 kB	973 kB
carga inicial (gzip)	649 kB	261 kB
chunks JS	1	87

−60% no que o visitante baixa para ver a primeira tela.

Verificação no navegador

Não confiei só no relatório do build — medi a rede de verdade:

• Login carrega 26 chunks, e o chunk do editor (570 kB: TipTap +
  ProseMirror + highlight.js, compartilhado por KBCreate e KBEdit) não está
  entre eles — que era exatamente o peso morto que motivou a mudança
• Navegando para /forgot-password, o chunk ForgotPassword-*.js é buscado sob
  demanda (200) e a tela renderiza normalmente — Suspense e lazy funcionando
  ponta a ponta

npm test → 7 passam · vite build ok.

Um detalhe do caminho

A primeira tentativa de reescrita falhou em silêncio: o replace do bloco
<Routes> não casou (a função tinha ganhado o hook do i18n na linha anterior),
mas o replace do fechamento casou — resultado, JSX desbalanceado. O build
pegou na hora, mas o aprendizado ficou: toda substituição de código agora passa
por asserção, em vez de falhar calada.

[Copilot]

Pull request overview

Divide o bundle do frontend por rota, migrando a maior parte das telas para carregamento sob demanda com React.lazy() + Suspense, reduzindo significativamente a carga inicial (especialmente para visitantes na tela de login).

Changes:

• Converte 41 rotas para carregamento lazy via React.lazy(() => import(...)).
• Envolve o bloco de <Routes> em um <Suspense> com fallback de spinner consistente.
• Mantém Login e Register como imports estáticos para preservar a experiência de primeira carga.

Suppressed comments (2)

frontend/src/App.jsx:64

• Comentário com palavras em português sem acentos ("nao", "aparencia", "ja"), o que parece erro ortográfico.

// Enquanto o chunk da rota chega. Usa o mesmo spinner das rotas
// protegidas, para a tela nao mudar de aparencia conforme o chunk ja
// esteja em cache ou nao.

frontend/src/App.jsx:16

• Comentário com palavra em português sem acento ("unico" → "único").

// O resto entra por rota. Antes tudo vinha num chunk unico de 2 MB, que
// todo visitante baixava inteiro para ver a tela de login.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[janeiaraujo]

Adicionei um commit fora do escopo do PR, e quero deixar explícito o porquê: este PR estava sem nenhum check.

O gatilho do CI tinha pull_request: branches: [main], então um PR empilhado sobre outra branch — como este, aberto sobre feat/i18n-telas-secundarias para evitar conflito no App.jsx — não disparava nada. Efeito prático: a proteção da main só cobria o PR de baixo da pilha; o de cima entraria sem ninguém ter rodado teste nele.

Tirei o filtro de branch de destino. Os três checks agora rodam aqui e passaram.