i18n: títulos de pestaña por idioma (metadata -> generateMetadata)

Los <title> estáticos estaban en español fijo. Se migran 31 páginas a
generateMetadata reutilizando la clave de título ya traducida de cada página
(o del <h1>). Se traducen además los PageShell title hardcodeados de las 6
páginas CharServiceB y los títulos de download-client y changelogs (+ su
mensaje de error). tsc/build OK, paridad es/en, <title> cambia por idioma.

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

web-next/app/[locale]/ban-history/page.tsx

@@ -8,7 +8,11 @@ import { ServiceBox } from '@/components/ServiceBox'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Historial de sanciones' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'History' })
+  return { title: t('ban.pageTitle') }
+}
 
 /** Fecha en formato DD-MM-YYYY HH:MM:SS. */
 function fmt(d: Date): string {

web-next/app/[locale]/change-faction-character/page.tsx

@@ -10,7 +10,11 @@ import { PaidServiceForm } from '@/components/PaidServiceForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Cambiar facción del personaje' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharServiceB.changeFaction' })
+  return { title: t('title') }
+}
 
 const GOLD_ICON = '/nw-themes/nw-ryu/nw-images/nw-icons/money-gold.gif'
 
@@ -37,7 +41,7 @@ export default async function ChangeFactionCharacterPage({ params }: { params: P
   const t = await getTranslations('CharServiceB.changeFaction')
 
   return (
-    <PageShell title="Cambiar facción del personaje">
+    <PageShell title={t('title')}>
       <ServiceBox>
         <br />
         <p>{t.rich('intro', { s: (c) => <span>{c}</span> })}</p>

web-next/app/[locale]/change-race-character/page.tsx

@@ -10,7 +10,11 @@ import { PaidServiceForm } from '@/components/PaidServiceForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Cambiar raza del personaje' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharServiceB.changeRace' })
+  return { title: t('title') }
+}
 
 export default async function ChangeRaceCharacterPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
@@ -25,7 +29,7 @@ export default async function ChangeRaceCharacterPage({ params }: { params: Prom
   const t = await getTranslations('CharServiceB.changeRace')
 
   return (
-    <PageShell title="Cambiar raza del personaje">
+    <PageShell title={t('title')}>
       <ServiceBox>
         <br />
         <p className="red-info2 h2">

web-next/app/[locale]/changelogs/page.tsx

@@ -1,9 +1,13 @@
 import type { Metadata } from 'next'
-import { setRequestLocale } from 'next-intl/server'
+import { setRequestLocale, getTranslations } from 'next-intl/server'
 import { getCommits } from '@/lib/changelog'
 import { Pagination } from '@/components/Pagination'
 
-export const metadata: Metadata = { title: 'Changelogs' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Misc' })
+  return { title: t('changelogs.title') }
+}
 
 function formatFecha(iso: string): string {
   if (!iso) return ''
@@ -29,6 +33,7 @@ export default async function ChangelogsPage({
   const sp = await searchParams
   const page = Math.max(1, Number(sp.page) || 1)
   setRequestLocale(locale)
+  const t = await getTranslations('Misc')
   const { commits, totalPages } = await getCommits(page, 5)
 
   return (
@@ -36,12 +41,12 @@ export default async function ChangelogsPage({
       <div className="middle-content">
         <div className="body-content">
           <div className="title-content">
-            <h1>Changelogs</h1>
+            <h1>{t('changelogs.title')}</h1>
           </div>
           <div className="box-content">
             <div className="body-box-content">
               {commits.length === 0 ? (
-                <p className="centered">No se pudieron cargar los cambios en este momento.</p>
+                <p className="centered">{t('changelogs.loadError')}</p>
               ) : (
                 <>
                   {commits.map((c) => (

web-next/app/[locale]/contact-us/page.tsx

@@ -1,8 +1,10 @@
 import type { Metadata } from 'next'
 import { getTranslations } from 'next-intl/server'
 
-export const metadata: Metadata = {
-  title: 'Contáctanos',
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Legal' })
+  return { title: t('contact.title') }
 }
 
 export default async function ContactUsPage() {

web-next/app/[locale]/cookies/page.tsx

@@ -3,8 +3,10 @@ import { getTranslations } from 'next-intl/server'
 import { Link } from '@/i18n/navigation'
 import { CookieConsentButtons, ConsentStatus } from '@/components/CookieConsent'
 
-export const metadata: Metadata = {
-  title: 'Declaración de Cookies',
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Legal' })
+  return { title: t('cookies.title') }
 }
 
 export default async function CookiesPage() {

web-next/app/[locale]/customize-character/page.tsx

@@ -10,7 +10,11 @@ import { PaidServiceForm } from '@/components/PaidServiceForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Personalizar personaje' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharServiceB.customize' })
+  return { title: t('title') }
+}
 
 export default async function CustomizeCharacterPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
@@ -25,7 +29,7 @@ export default async function CustomizeCharacterPage({ params }: { params: Promi
   const t = await getTranslations('CharServiceB.customize')
 
   return (
-    <PageShell title="Personalizar personaje">
+    <PageShell title={t('title')}>
       <ServiceBox>
         <br />
         <p>{t.rich('intro', { s: (c) => <span>{c}</span> })}</p>

web-next/app/[locale]/d-points/page.tsx

@@ -9,7 +9,11 @@ import { DPointsTabs } from '@/components/DPointsTabs'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Adquirir PD' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Points' })
+  return { title: t('dpoints.title') }
+}
 
 export default async function DPointsPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params

web-next/app/[locale]/download-addons/page.tsx

@@ -1,7 +1,11 @@
 import type { Metadata } from 'next'
 import { getTranslations } from 'next-intl/server'
 
-export const metadata: Metadata = { title: 'Descarga de addons' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Misc' })
+  return { title: t('downloadAddons.title') }
+}
 
 // Lista de addons (edítala con los tuyos). name/descKey/url.
 const ADDONS: { name: string; descKey: string; url: string }[] = [

web-next/app/[locale]/download-client/page.tsx

@@ -1,17 +1,23 @@
 import type { Metadata } from 'next'
+import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { ClientDownload } from '@/components/ClientDownload'
 
-export const metadata: Metadata = {
-  title: 'Descarga del cliente',
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'UI' })
+  return { title: t('clientDownload.pageTitle') }
 }
 
-export default function DownloadClientPage() {
+export default async function DownloadClientPage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params
+  setRequestLocale(locale)
+  const t = await getTranslations('UI')
   return (
     <div className="main-page">
       <div className="middle-content">
         <div className="body-content">
           <div className="title-content">
-            <h1>Descarga del cliente</h1>
+            <h1>{t('clientDownload.pageTitle')}</h1>
           </div>
           <ClientDownload />
         </div>

web-next/app/[locale]/gold-character/page.tsx

@@ -10,7 +10,11 @@ import { GoldForm } from '@/components/GoldForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Adquirir oro' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharServiceB.gold' })
+  return { title: t('title') }
+}
 
 const GOLD_ICON = '/nw-themes/nw-ryu/nw-images/nw-icons/money-gold.gif'
 
@@ -27,7 +31,7 @@ export default async function GoldCharacterPage({ params }: { params: Promise<{
   const t = await getTranslations('CharServiceB.gold')
 
   return (
-    <PageShell title="Adquirir oro">
+    <PageShell title={t('title')}>
       <ServiceBox>
         <br />
         <p>{t.rich('intro', { s: (c) => <span>{c}</span> })}</p>

web-next/app/[locale]/help/page.tsx

@@ -2,7 +2,11 @@ import type { Metadata } from 'next'
 import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { getRealmName } from '@/lib/realm'
 
-export const metadata: Metadata = { title: 'Ayuda' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Misc' })
+  return { title: t('help.title') }
+}
 
 export const dynamic = 'force-dynamic'
 

web-next/app/[locale]/legal-notice/page.tsx

@@ -1,8 +1,10 @@
 import type { Metadata } from 'next'
 import { getTranslations } from 'next-intl/server'
 
-export const metadata: Metadata = {
-  title: 'Aviso legal',
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Legal' })
+  return { title: t('legalNotice.title') }
 }
 
 export default async function LegalNoticePage() {

web-next/app/[locale]/level-up-character/page.tsx

@@ -10,7 +10,11 @@ import { PaidServiceForm } from '@/components/PaidServiceForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Subir a nivel 80' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharServiceB.levelUp' })
+  return { title: t('title') }
+}
 
 export default async function LevelUpCharacterPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
@@ -25,7 +29,7 @@ export default async function LevelUpCharacterPage({ params }: { params: Promise
   const t = await getTranslations('CharServiceB.levelUp')
 
   return (
-    <PageShell title="Subir a nivel 80">
+    <PageShell title={t('title')}>
       <ServiceBox>
         <br />
         <p>{t.rich('intro', { s: (c) => <span>{c}</span> })}</p>

web-next/app/[locale]/points-history/page.tsx

@@ -8,7 +8,11 @@ import { ServiceBox } from '@/components/ServiceBox'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Historial de PD y PV' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'History' })
+  return { title: t('points.pageTitle') }
+}
 
 /** Fecha en formato DD-MM-YYYY HH:MM. */
 function fmt(d: Date): string {

web-next/app/[locale]/privacy-policy/page.tsx

@@ -1,8 +1,10 @@
 import type { Metadata } from 'next'
 import { getTranslations } from 'next-intl/server'
 
-export const metadata: Metadata = {
-  title: 'Política de privacidad',
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Legal' })
+  return { title: t('privacy.title') }
 }
 
 export default async function PrivacyPolicyPage() {

web-next/app/[locale]/promo-code/page.tsx

@@ -9,7 +9,11 @@ import { PromoCodeForm } from '@/components/PromoCodeForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Código de promoción' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Points' })
+  return { title: t('promo.title') }
+}
 
 export default async function PromoCodePage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params

web-next/app/[locale]/quest-character/page.tsx

@@ -11,7 +11,11 @@ import { QuestTrackerForm } from '@/components/QuestTrackerForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Rastreador de misiones' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharService' })
+  return { title: t('quest.pageTitle') }
+}
 
 const QUEST_DB = 'https://wotlk.novawow.com'
 const CLASS_GROUPS: { css: string; name: string }[] = [

web-next/app/[locale]/refund-policy/page.tsx

@@ -1,8 +1,10 @@
 import type { Metadata } from 'next'
 import { getTranslations } from 'next-intl/server'
 
-export const metadata: Metadata = {
-  title: 'Política de reembolso',
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Legal' })
+  return { title: t('refund.title') }
 }
 
 export default async function RefundPolicyPage() {

web-next/app/[locale]/rename-character/page.tsx

@@ -10,7 +10,11 @@ import { PaidServiceForm } from '@/components/PaidServiceForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Renombrar personaje' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharServiceB.rename' })
+  return { title: t('title') }
+}
 
 export default async function RenameCharacterPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
@@ -25,7 +29,7 @@ export default async function RenameCharacterPage({ params }: { params: Promise<
   const t = await getTranslations('CharServiceB.rename')
 
   return (
-    <PageShell title="Renombrar personaje">
+    <PageShell title={t('title')}>
       <ServiceBox>
         <br />
         <p>{t.rich('intro', { s: (c) => <span>{c}</span> })}</p>

web-next/app/[locale]/rename-guild/page.tsx

@@ -9,7 +9,11 @@ import { RenameGuildForm } from '@/components/RenameGuildForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Renombrar hermandad' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Points' })
+  return { title: t('renameGuild.title') }
+}
 
 export default async function RenameGuildPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params

web-next/app/[locale]/restore-character/page.tsx

@@ -10,7 +10,11 @@ import { RestoreCharacterForm } from '@/components/RestoreCharacterForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Recuperar personaje' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharService' })
+  return { title: t('restoreChar.pageTitle') }
+}
 
 export default async function RestoreCharacterPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params

web-next/app/[locale]/restore-items/page.tsx

@@ -11,7 +11,11 @@ import { RestoreItemsForm } from '@/components/RestoreItemsForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Recuperar ítems' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharService' })
+  return { title: t('restoreItems.pageTitle') }
+}
 
 export default async function RestoreItemsPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params

web-next/app/[locale]/security-2falogin/page.tsx

@@ -8,7 +8,11 @@ import { TwoFactorLogin } from '@/components/TwoFactorLogin'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Verificación en 2 pasos' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Misc' })
+  return { title: t('twofaLogin.pageTitle') }
+}
 
 const IMG = '/nw-themes/nw-ryu/nw-images'
 

web-next/app/[locale]/security-history/page.tsx

@@ -9,7 +9,11 @@ import { ServiceBox } from '@/components/ServiceBox'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Historial de seguridad' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'History' })
+  return { title: t('security.pageTitle') }
+}
 
 /** Fecha en formato HH:MM:SS DD-MM-YYYY (como el diseño). */
 function fmt(d: Date): string {

web-next/app/[locale]/send-gift/page.tsx

@@ -11,7 +11,11 @@ import { SendGiftForm } from '@/components/SendGiftForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Enviar regalo' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharService' })
+  return { title: t('sendGift.pageTitle') }
+}
 
 export default async function SendGiftPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params

web-next/app/[locale]/terms-and-conditions/page.tsx

@@ -1,8 +1,10 @@
 import type { Metadata } from 'next'
 import { getTranslations } from 'next-intl/server'
 
-export const metadata: Metadata = {
-  title: 'Términos y condiciones',
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Legal' })
+  return { title: t('terms.title') }
 }
 
 export default async function TermsAndConditionsPage() {

web-next/app/[locale]/trade-points/page.tsx

@@ -9,7 +9,11 @@ import { TradePointsForm } from '@/components/TradePointsForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Comercio de PD' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Points' })
+  return { title: t('trade.title') }
+}
 
 export default async function TradePointsPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params

web-next/app/[locale]/trans-history/page.tsx

@@ -8,7 +8,11 @@ import { ServiceBox } from '@/components/ServiceBox'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Historial de transacciones' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'History' })
+  return { title: t('trans.pageTitle') }
+}
 
 /** Fecha en formato DD-MM-YYYY HH:MM:SS. */
 function fmt(d: Date): string {

web-next/app/[locale]/transfer-character/page.tsx

@@ -11,7 +11,11 @@ import { TransferForm } from '@/components/TransferForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Transferir personaje' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'CharService' })
+  return { title: t('transfer.pageTitle') }
+}
 
 export default async function TransferCharacterPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params

web-next/app/[locale]/transfer-d-points/page.tsx

@@ -9,7 +9,11 @@ import { TransferDPointsForm } from '@/components/TransferDPointsForm'
 
 export const dynamic = 'force-dynamic'
 
-export const metadata: Metadata = { title: 'Transferir PD' }
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Points' })
+  return { title: t('transferDp.title') }
+}
 
 export default async function TransferDPointsPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params