docs(pt-br): translate header and footer components (#706)

* docs(pt-br): translate footer links

* docs(pt-br): translate header links

* docs(pt-br): translate missing Community text on footer

Author: jeanmrtns

src/components/Layout/Footer.tsx

@@ -286,66 +286,70 @@ export function Footer() {
         </div>
         <div className="flex flex-col">
           <FooterLink href="/learn" isHeader={true}>
-            Learn React
+            Aprenda React
           </FooterLink>
-          <FooterLink href="/learn/">Quick Start</FooterLink>
-          <FooterLink href="/learn/installation">Installation</FooterLink>
+          <FooterLink href="/learn/">Início Rápido</FooterLink>
+          <FooterLink href="/learn/installation">Instalação</FooterLink>
           <FooterLink href="/learn/describing-the-ui">
-            Describing the UI
+            Descrevendo a UI
           </FooterLink>
           <FooterLink href="/learn/adding-interactivity">
-            Adding Interactivity
+            Adicionando Interatividade
+          </FooterLink>
+          <FooterLink href="/learn/managing-state">
+            Gerenciamento de estado
+          </FooterLink>
+          <FooterLink href="/learn/escape-hatches">
+            Saídas de Emergência
           </FooterLink>
-          <FooterLink href="/learn/managing-state">Managing State</FooterLink>
-          <FooterLink href="/learn/escape-hatches">Escape Hatches</FooterLink>
         </div>
         <div className="flex flex-col">
           <FooterLink href="/reference/react" isHeader={true}>
             API Reference
           </FooterLink>
-          <FooterLink href="/reference/react">React APIs</FooterLink>
-          <FooterLink href="/reference/react-dom">React DOM APIs</FooterLink>
+          <FooterLink href="/reference/react">APIs do React</FooterLink>
+          <FooterLink href="/reference/react-dom">APIs do React DOM</FooterLink>
         </div>
         <div className="md:col-start-2 xl:col-start-4 flex flex-col">
           <FooterLink href="/community" isHeader={true}>
-            Community
+            Comunidade
           </FooterLink>
           <FooterLink href="https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md">
-            Code of Conduct
+            Código de Conduta
           </FooterLink>
-          <FooterLink href="/community/team">Meet the Team</FooterLink>
+          <FooterLink href="/community/team">Conheça o Time</FooterLink>
           <FooterLink href="/community/docs-contributors">
-            Docs Contributors
+            Contribuidores da Documentação
           </FooterLink>
           <FooterLink href="/community/acknowledgements">
-            Acknowledgements
+            Agradecimentos
           </FooterLink>
         </div>
         <div className="flex flex-col">
-          <FooterLink isHeader={true}>More</FooterLink>
+          <FooterLink isHeader={true}>Mais</FooterLink>
           <FooterLink href="/blog">Blog</FooterLink>
           <FooterLink href="https://reactnative.dev/">React Native</FooterLink>
           <FooterLink href="https://opensource.facebook.com/legal/privacy">
-            Privacy
+            Privacidade
           </FooterLink>
           <FooterLink href="https://opensource.fb.com/legal/terms/">
-            Terms
+            Termos
           </FooterLink>
           <div className="flex flex-row mt-8 gap-x-2">
             <ExternalLink
-              aria-label="React on Facebook"
+              aria-label="React no Facebook"
               href="https://www.facebook.com/react"
               className={socialLinkClasses}>
               <IconFacebookCircle />
             </ExternalLink>
             <ExternalLink
-              aria-label="React on Twitter"
+              aria-label="React no Twitter"
               href="https://twitter.com/reactjs"
               className={socialLinkClasses}>
               <IconTwitter />
             </ExternalLink>
             <ExternalLink
-              aria-label="React on Github"
+              aria-label="React no Github"
               href="https://github.com/facebook/react"
               className={socialLinkClasses}>
               <IconGitHub />

src/components/Layout/TopNav/TopNav.tsx

@@ -281,15 +281,15 @@ export default function TopNav({
             <div className="text-base justify-center items-center gap-1.5 flex 3xl:flex-1 flex-row 3xl:justify-end">
               <div className="mx-2.5 gap-1.5 hidden lg:flex">
                 <NavItem isActive={section === 'learn'} url="/learn">
-                  Learn
+                  Aprenda
                 </NavItem>
                 <NavItem
                   isActive={section === 'reference'}
                   url="/reference/react">
-                  Reference
+                  Referência
                 </NavItem>
                 <NavItem isActive={section === 'community'} url="/community">
-                  Community
+                  Comunidade
                 </NavItem>
                 <NavItem isActive={section === 'blog'} url="/blog">
                   Blog