fix(ci): lint do Biome, Next 16.3.8 (RCE em next/og) e transicoes que se remedem

- Biome: formatacao, ordem de imports, max-width duplicado no cabecalho de
  secao, supressao justificada para nomes de view-transition, ajustes nos
  scripts de auditoria de SEO
- next 16.3.3 -> 16.3.8: GHSA-vcvr-r3jv-pc5j (execucao remota de codigo em
  next/og ImageResponse, usado nas imagens de compartilhamento)
- overrides de brace-expansion (GHSA-qhr7-859c-m2p7, GHSA-6j4f-fj2g-mc7p,
  GHSA-q2hr-2g5m-vwhr), dependencia de desenvolvimento via jest
- visibilidade das cenas le as posicoes a cada quadro e o GSAP remede as
  passagens quando a pagina muda de altura (fontes, imagens, Experiencia)

Co-Authored-By: Claude Opus 5.5 <[email protected]>

app/components/cinematic/HeroField.tsx

@@ -48,7 +48,10 @@ export default function HeroField() {
     const update = () => {
       frame = 0;
       const rect = section.getBoundingClientRect();
-      const span = Math.max(rect.height - window.innerHeight, window.innerHeight * 0.8);
+      const span = Math.max(
+        rect.height - window.innerHeight,
+        window.innerHeight * 0.8,
+      );
       const p = Math.min(1, Math.max(0, -rect.top / span));
       progressRef.current = p;
       section.style.setProperty("--hero-p", p.toFixed(4));
@@ -83,7 +86,9 @@ export default function HeroField() {
     if (!supportsWebGL2()) return;
     // Título, botões e hidratação vêm primeiro; o Three.js entra quando o navegador fica ocioso.
     if (typeof window.requestIdleCallback === "function") {
-      const id = window.requestIdleCallback(() => setMount(true), { timeout: 2500 });
+      const id = window.requestIdleCallback(() => setMount(true), {
+        timeout: 2500,
+      });
       return () => window.cancelIdleCallback(id);
     }
     const id = setTimeout(() => setMount(true), 1200);