Adicionar nova barra de Pesquisa & API

[mthmcalixto]

Mudanças realizadas

Implemente nova caixa de pesquisa, novas rotas de API para pesquisa e páginas de pesquisa.

Testado com 1 milhão de publicações;

Demonstração;
https://youtu.be/SJY_jdZ2Gww

Novas páginas:

Novas rotas de API para funcionar a search box:

Alteração no componente searchbox e adicionado SearchTabNav:

Adicionado novo modelo: models/search

Novo useMediaQuery; com base em (Boosting React Performance: How I Optimized useMediaQuery with useSyncExternalStore)

Outras alterações em:

Migração;

Sugestões são adicinadas a cada 3 minutos caso já se passou 3 minutos da ultima atualização:

A sugestão só é salva se encontrar publicações.

A sugestão só entra em alta se tiver +20 pesquisas;

Foi adicionado uma nova coluna em "contents" chamada "ts" ela que vai ser responsavel pela relevância da pesquisa, buscar o termo mais próximo possível:

Resolve

Resolve #1647

Tipo de mudança

• Nova funcionalidade

Checklist:

• As modificações não geram novos logs de erro ou aviso (warning).
• Eu adicionei testes que provam que a correção ou novo recurso funciona conforme esperado.
• Os antigos estão passando localmente.

[vercel]

@mthmcalixto is attempting to deploy a commit to the TabNews Team on Vercel.

A member of the Team first needs to authorize it.

[aprendendofelipe]

@mthmcalixto, para tornar a revisão dos seus PRs mais fluida e prepará-los para possível envio para produção, que tal dividir cada um em problemas menores e independentes? 🤝

Enquanto trabalha no backend, você pode fazer estudos da UI, mas é importante manter essas partes separadas. Por exemplo, você pode abrir um PR (ou mais de um) dedicado apenas à API, outro para o front-end e ainda criar um PR específico para refatorações. Assim, conseguimos avançar passo a passo, primeiro ajustando o backend para as novas funcionalidades e depois adaptando a UI.

[mthmcalixto]

@mthmcalixto, para tornar a revisão dos seus PRs mais fluida e prepará-los para possível envio para produção, que tal dividir cada um em problemas menores e independentes? 🤝

Enquanto trabalha no backend, você pode fazer estudos da UI, mas é importante manter essas partes separadas. Por exemplo, você pode abrir um PR (ou mais de um) dedicado apenas à API, outro para o front-end e ainda criar um PR específico para refatorações. Assim, conseguimos avançar passo a passo, primeiro ajustando o backend para as novas funcionalidades e depois adaptando a UI.

@aprendendofelipe, opa mano!

Como poderia separar cada pedaço em vários PRs, já que enviei todos aqui.

[mthmcalixto]

@aprendendofelipe, abri dois;

Frontend: #1699
Backend: #1698

[aprendendofelipe]

Fechando pra gente focar no #1698