Resolvendo Avisos e Problemas de Renderização

[lucasferreiralimax]

Alguns avisos e problemas de renderização em componentes do projeto.
Abaixo estão os detalhes dos problemas que precisam ser resolvidos:

• Problemas de chave única em listas:

  • Componente: RulesSmart e RulesDesktop
    • Aviso: "Each child in a list should have a unique 'key' prop."
    • Localização: Rules.tsx e Footer.tsx.

• Problemas de aninhamento de DOM:

  • Aviso 1: validateDOMNesting(...): <p> cannot appear as a descendant of <p>.
  • Aviso 2: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
  • Localização: Rules.tsx

• Prop classnName não reconhecida:

  • Componente: Image
  • Aviso: React does not recognize the classnName prop on a DOM element.
  • Localização: HeroDesktop.tsx.

Passos para Reproduzir:

1. Inicie o aplicativo.
2. Verifique o console do navegador para os avisos listados acima.

Objetivo:

• Corrigir todos os avisos e garantir que os componentes estejam renderizando corretamente de acordo com as práticas recomendadas do React.

Screenshots

[lucasferreiralimax]

Olá, pessoal!

Gostaria de informar que a solução para os problemas mencionados nesta issue já está disponível no Pull Request #49.

Agradeço a atenção e fico à disposição para quaisquer comentários ou sugestões #hacktoberfest