i18n: traducir toda la app (ES + EN) — páginas y componentes con texto hardcodeado

Se externaliza el texto español hardcodeado de ~55 archivos a next-intl y se añaden
traducciones al inglés, con paridad de claves es/en. Nuevos namespaces: History,
CharService, CharServiceB, Points, Legal, UI, Misc (+ altas en Common/Admin).

- Historiales (PD/PV, transacciones, sanciones, seguridad), servicios de personaje
  (transfer, send-gift, quest, restore-*, change-*, customize, level-up, gold, rename),
  PD/pagos (d-points, trade, promo, transfer-dp, rename-guild, DPointsTabs), páginas
  legales (cookies, privacidad, términos, reembolsos, aviso legal, contacto), layout
  (cabecera, footer, cookies, 2FA, descargas, jugadores, recluta) y páginas varias
  (home, reino, ayuda, addons, 2falogin).
- Textos con markup inline via t.rich; interpolación con ICU.
- Componente <NoteLegend/> para la leyenda NOTA/NOTE compartida.
- payLabel/confirmText de los servicios de pago traducidos.
- Verificado: tsc OK, next build OK, todas las claves t() resuelven en es y en,
  todos los t.rich casan etiquetas, páginas 200 en /es/ y /en/ sin claves crudas.

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

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

@@ -1,5 +1,5 @@
 import type { Metadata } from 'next'
-import { setRequestLocale } from 'next-intl/server'
+import { setRequestLocale, getTranslations } from 'next-intl/server'
 import { redirect, Link } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getSanctions, type Sanction } from '@/lib/ban-history'
@@ -21,7 +21,7 @@ function StatusCell({ s }: { s: Sanction }) {
 }
 
 /** Caja con la tabla de sanciones (baneos o muteos), o el vacío del diseño. */
-function SanctionBox({
+async function SanctionBox({
   title,
   emptyText,
   rows,
@@ -32,6 +32,7 @@ function SanctionBox({
   rows: Sanction[]
   showScope: boolean
 }) {
+  const t = await getTranslations('History')
   return (
     <div className="box-content">
       <div className="title-box-content">
@@ -52,12 +53,12 @@ function SanctionBox({
           <table className="max-center-table">
             <tbody>
               <tr>
-                {showScope && <th>Alcance</th>}
-                <th>Motivo</th>
-                <th>Sancionado por</th>
-                <th>Fecha</th>
-                <th>Expira</th>
-                <th>Estado</th>
+                {showScope && <th>{t('ban.thScope')}</th>}
+                <th>{t('ban.thReason')}</th>
+                <th>{t('ban.thBy')}</th>
+                <th>{t('ban.thDate')}</th>
+                <th>{t('ban.thExpires')}</th>
+                <th>{t('ban.thStatus')}</th>
               </tr>
               {rows.map((s, i) => (
                 <tr key={i}>
@@ -76,7 +77,7 @@ function SanctionBox({
                     <span>{fmt(s.date)}</span>
                   </td>
                   <td>
-                    <span>{s.expires ? fmt(s.expires) : 'Permanente'}</span>
+                    <span>{s.expires ? fmt(s.expires) : t('ban.permanent')}</span>
                   </td>
                   <td>
                     <StatusCell s={s} />
@@ -94,6 +95,7 @@ function SanctionBox({
 export default async function BanHistoryPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
   setRequestLocale(locale)
+  const t = await getTranslations('History')
 
   const session = await getSession()
   if (!session.bnetId) redirect({ href: '/login', locale })
@@ -102,38 +104,34 @@ export default async function BanHistoryPage({ params }: { params: Promise<{ loc
   const { bans, mutes } = await getSanctions(session.accountId!, session.bnetId)
 
   return (
-    <PageShell title="Historial de sanciones">
+    <PageShell title={t('ban.pageTitle')}>
       <ServiceBox>
         <br />
-        <p>Aquí podrás ver todas las sanciones que ha tenido la cuenta.</p>
+        <p>{t('ban.intro1')}</p>
         <p>
-          Si tienes una sanción vigente, verás que su estado indica <span className="red-info2">Activo</span>.
+          {t.rich('ban.intro2', { s: (c) => <span className="red-info2">{c}</span> })}
         </p>
-        <p>Para evitar que tu cuenta sea sancionada, recuerda respetar las normas de nuestro servidor.</p>
+        <p>{t('ban.intro3')}</p>
         <br />
         <div className="restore-item-table">
           <p>
-            <i className="fas fa-exclamation-triangle"></i> <span>Importante:</span>
+            <i className="fas fa-exclamation-triangle"></i> <span>{t('ban.important')}</span>
           </p>
           <p>
-            Si tu cuenta aparece como sancionada o cerrada al intentar ingresar al reino, pero tu historial no tiene
-            ninguna sanción activa, significa que has tenido un bloqueo automático temporal por demasiados intentos de
-            inicio de sesión fallidos.
+            {t('ban.autoBlock1')}
           </p>
           <p>
-            Espera al menos 10 minutos para volver a intentar y asegúrate de usar nombre de cuenta y contraseña
-            correctas.
+            {t('ban.autoBlock2')}
           </p>
         </div>
         <br />
         <p>
-          Para realizar un reclamo de sanción, por favor ingresa en nuestro <Link href="/forum">foro</Link> y visita la
-          sección Reclamaciones.
+          {t.rich('ban.claim', { link: (c) => <Link href="/forum">{c}</Link> })}
         </p>
       </ServiceBox>
 
-      <SanctionBox title="Historial de baneos" emptyText="No hay baneos" rows={bans} showScope />
-      <SanctionBox title="Historial de muteos" emptyText="No hay muteos" rows={mutes} showScope={false} />
+      <SanctionBox title={t('ban.bansTitle')} emptyText={t('ban.noBans')} rows={bans} showScope />
+      <SanctionBox title={t('ban.mutesTitle')} emptyText={t('ban.noMutes')} rows={mutes} showScope={false} />
     </PageShell>
   )
 }