Support multiple languages

frontend/src/components/layout/Header/Header.tsx

@@ -148,7 +148,7 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
         className
       )}
       role="banner"
-      aria-label="Navegación principal"
+      aria-label={t('common:header.main_navigation', 'Navegación principal')}
     >
       {/* Left section */}
       <div className="flex items-center gap-2 sm:gap-4 flex-1 min-w-0 h-full">
@@ -158,7 +158,7 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
           size="sm"
           onClick={onMenuClick}
           className="lg:hidden w-10 h-10 p-0 flex items-center justify-center hover:bg-[var(--bg-secondary)] active:scale-95 transition-all duration-150"
-          aria-label="Abrir menú de navegación"
+          aria-label={t('common:header.open_menu', 'Abrir menú de navegación')}
         >
           <Menu className="h-5 w-5 text-[var(--text-primary)]" />
         </Button>
@@ -176,7 +176,7 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
                 'self-center',
                 sidebarCollapsed ? 'lg:block' : 'lg:hidden xl:block'
               )}>
-                Panadería IA
+                {t('common:app.name', 'Panadería IA')}
               </h1>
             </>
           )}