Layout visual: cabecera con nav/sesión/idioma + pie, tema Tailwind

- components/Header.tsx (server, lee sesión): marca, nav (Inicio; login/register o
  account/logout según sesión), LanguageSwitcher y LogoutButton.
- components/LanguageSwitcher.tsx (cliente): cambia de idioma conservando la ruta
  (next-intl usePathname/useRouter). components/LogoutButton.tsx (compartido).
- components/Footer.tsx. app/[locale]/layout.tsx envuelve children con Header/Footer
  (columna min-h-screen). Se unifica el LogoutButton (se borra el de account/).
- messages: namespace Nav.

Verificado: home ES/EN con cabecera+nav+idioma+pie; enlaces locale-aware (/en/login);
textos por idioma. Al leer sesión en el header, todas las rutas pasan a dinámicas.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web-next/components/LanguageSwitcher.tsx

@@ -0,0 +1,28 @@
+'use client'
+
+import { useLocale } from 'next-intl'
+import { usePathname, useRouter } from '@/i18n/navigation'
+import { routing } from '@/i18n/routing'
+
+const LABELS: Record<string, string> = { es: 'ES', en: 'EN' }
+
+export function LanguageSwitcher() {
+  const locale = useLocale()
+  const pathname = usePathname() // sin prefijo de idioma
+  const router = useRouter()
+
+  return (
+    <select
+      value={locale}
+      onChange={(e) => router.replace(pathname, { locale: e.target.value })}
+      className="rounded border border-amber-900/60 bg-[#2c1e14] px-2 py-1 text-sm"
+      aria-label="language"
+    >
+      {routing.locales.map((loc) => (
+        <option key={loc} value={loc}>
+          {LABELS[loc] ?? loc.toUpperCase()}
+        </option>
+      ))}
+    </select>
+  )
+}