translate(nav): top-level navigation

Signed-off-by: Alessandro De Blasis <alex@deblasis.net>

Author: deblasis

src/components/Layout/TopNav/TopNav.tsx

@@ -347,7 +347,7 @@ export default function TopNav({
               <div className="flex items-center -space-x-2.5 xs:space-x-0 ">
                 <div className="flex md:hidden">
                   <button
-                    aria-label="Search"
+                    aria-label="Cerca"
                     type="button"
                     className="flex items-center justify-center w-12 h-12 transition-transform rounded-full active:scale-95 md:hidden hover:bg-secondary-button hover:dark:bg-secondary-button-dark outline-link"
                     onClick={onOpenSearch}>
@@ -357,7 +357,7 @@ export default function TopNav({
                 <div className="flex dark:hidden">
                   <button
                     type="button"
-                    aria-label="Use Dark Mode"
+                    aria-label="Usa la modalità scura"
                     onClick={() => {
                       window.__setPreferredTheme('dark');
                     }}
@@ -368,7 +368,7 @@ export default function TopNav({
                 <div className="hidden dark:flex">
                   <button
                     type="button"
-                    aria-label="Use Light Mode"
+                    aria-label="Usa la modalità chiara"
                     onClick={() => {
                       window.__setPreferredTheme('light');
                     }}
@@ -379,7 +379,7 @@ export default function TopNav({
                 <div className="flex">
                   <Link
                     href="/community/translations"
-                    aria-label="Translations"
+                    aria-label="Traduzioni"
                     className="active:scale-95 transition-transform flex w-12 h-12 rounded-full items-center justify-center hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link">
                     {languageIcon}
                   </Link>
@@ -389,7 +389,7 @@ export default function TopNav({
                     href="https://github.com/react/react/releases"
                     target="_blank"
                     rel="noreferrer noopener"
-                    aria-label="Open on GitHub"
+                    aria-label="Apri su GitHub"
                     className="flex items-center justify-center w-12 h-12 transition-transform rounded-full active:scale-95 hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link">
                     {githubIcon}
                   </Link>
@@ -416,17 +416,17 @@ export default function TopNav({
                 <Suspense fallback={null}>
                   <div className="ps-3 xs:ps-5 xs:gap-0.5 xs:text-base overflow-x-auto flex flex-row lg:hidden text-base font-bold text-secondary dark:text-secondary-dark">
                     <NavItem isActive={section === 'learn'} url="/learn">
-                      Learn
+                      Impara
                     </NavItem>
                     <NavItem
                       isActive={section === 'reference'}
                       url="/reference/react">
-                      Reference
+                      Riferimento
                     </NavItem>
                     <NavItem
                       isActive={section === 'community'}
                       url="/community">
-                      Community
+                      Comunità
                     </NavItem>
                     <NavItem isActive={section === 'blog'} url="/blog">
                       Blog