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/LogoutButton.tsx

@@ -0,0 +1,24 @@
+'use client'
+
+import { useState } from 'react'
+import { useTranslations } from 'next-intl'
+import { useRouter } from '@/i18n/navigation'
+
+export function LogoutButton({ className }: { className?: string }) {
+  const t = useTranslations('Nav')
+  const router = useRouter()
+  const [busy, setBusy] = useState(false)
+
+  async function logout() {
+    setBusy(true)
+    await fetch('/api/auth/logout', { method: 'POST', credentials: 'same-origin' })
+    router.push('/')
+    router.refresh()
+  }
+
+  return (
+    <button onClick={logout} disabled={busy} className={className ?? 'text-amber-200 hover:text-amber-400'}>
+      {t('logout')}
+    </button>
+  )
+}