Otimização geral e correção de bugs em uma plataforma feita em React + Typescript + Vite + Supabase

Objetivo:

Otimizar a plataforma (produção) com foco na página Home, eliminando lentidão, spinners infinitos, tela branca e problemas específicos no Safari/iOS e PWA. Entregar melhoria real de performance e estabilidade, com métricas objetivas.

Contexto técnico (stack)

Frontend: React + TypeScript + Vite, Tailwind + shadcn/ui + Radix, React Router.

State & hooks: hooks customizados, carrosséis, modais.

Backend/BaaS: Supabase (Postgres, Auth, Storage, Realtime, Edge Functions).

PWA: manifest + service worker.

Imagens: Supabase Storage (png/jpeg misto, transform endpoint para webp).

Escopo adicional incluído

A seção “Continuar Assistindo” precisa ser corrigida, pois às vezes some do nada, exigindo que o usuário saia da conta e entre novamente para reaparecer. Essa inconsistência deve ser eliminada, garantindo que os dados persistam corretamente e sejam carregados mesmo após atualizar ou reabrir o app.

O botão hambúrguer, que abre as opções da conta, demora bastante para carregar assim que é clicado. É Necessário otimizar a abertura do menu, evitando delays e travamentos, e aplicando prefetch dos dados ou mantendo o componente montado para resposta imediata.

Remover efeitos visuais pesados que impactam o desempenho, como blur, backdrop-filter, gradientes animados e sombras grandes, tornando o site mais leve e simples, sem comprometer o design.

Resolver um problema crítico em que usuários com mais de uma aba do site aberta simultaneamente enfrentam falhas de carregamento — o site deixa de funcionar corretamente, sendo necessário fechar todas as abas e manter apenas uma para que volte a carregar. O objetivo é permitir múltiplas abas abertas sem conflitos de sessão, cache ou state global, garantindo estabilidade total mesmo em navegação paralela.