translate: translations for navigation menus and UI labels

   Translate all English menu labels in sub-navigation-data.ts and
   navigation.component.html to Spanish, including sections: Components,
   Templates, Animations, Build with AI, Developer Tools, Best Practices,
   Extended Ecosystem, Reference, Tutorials, and theme picker UI.

Author: oidacra

adev-es/src/app/core/layout/navigation/navigation.component.html

@@ -353,7 +353,7 @@
                 aria-label="Set default system theme"
               >
                 <docs-icon class="docs-icon_high-contrast" aria-hidden="true">routine</docs-icon>
-                <span>System</span>
+                <span>Sistema</span>
               </button>
             </li>
             <li role="none">
@@ -366,7 +366,7 @@
                 aria-label="Set dark theme"
               >
                 <docs-icon class="docs-icon_high-contrast" aria-hidden="true">dark_mode</docs-icon>
-                <span>Dark</span>
+                <span>Oscuro</span>
               </button>
             </li>
             <li role="none">
@@ -379,7 +379,7 @@
                 aria-label="Set light theme"
               >
                 <docs-icon class="docs-icon_high-contrast" aria-hidden="true">light_mode</docs-icon>
-                <span>Light</span>
+                <span>Claro</span>
               </button>
             </li>
           </ul>
@@ -394,7 +394,7 @@
       <button type="button" (click)="openMobileNav($event)">
         <docs-icon class="docs-icon_high-contrast">menu</docs-icon>
         @if (activeRouteItem() === PAGE_PREFIX.DOCS) {
-          <span>Docs</span>
+          <span>Documentos</span>
         }
         @if (activeRouteItem() === PAGE_PREFIX.REFERENCE) {
           <span>API</span>