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]/restore-items/page.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from 'next'
-import { setRequestLocale } from 'next-intl/server'
+import { NoteLegend } from '@/components/NoteLegend'
+import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
@@ -15,6 +16,7 @@ export const metadata: Metadata = { title: 'Recuperar ítems' }
 export default async function RestoreItemsPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
   setRequestLocale(locale)
+  const t = await getTranslations('CharService')
 
   const session = await getSession()
   if (!session.bnetId) redirect({ href: '/login', locale })
@@ -23,34 +25,39 @@ export default async function RestoreItemsPage({ params }: { params: Promise<{ l
   const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), getRestoreItemPrice()])
 
   return (
-    <PageShell title="Recuperar ítems">
+    <PageShell title={t('restoreItems.pageTitle')}>
       <ServiceBox>
         <br />
         <p>
-          La herramienta <span>Recuperar ítems</span> te permite recuperar ítems que hayan sido borrados.
+          {t.rich('restoreItems.intro', { s: (c) => <span>{c}</span> })}
         </p>
         <br />
-        <p>Sólo disponible para ítems que cumplan las siguientes condiciones:</p>
+        <p>{t('restoreItems.conditions')}</p>
         <p>
-          - De calidad: <span className="q3">Raro</span> | <span className="q4">Épico</span> |{' '}
-          <span className="q5">Legendaria</span> | <span className="q6">Artefacto</span> | <span className="q6">Reliquia</span>.
+          {t.rich('restoreItems.quality', {
+            q3: (c) => <span className="q3">{c}</span>,
+            q4: (c) => <span className="q4">{c}</span>,
+            q5: (c) => <span className="q5">{c}</span>,
+            q6: (c) => <span className="q6">{c}</span>,
+            q6b: (c) => <span className="q6">{c}</span>,
+          })}
         </p>
-        <p>- Equipable.</p>
-        <p>- Se liga al recogerlo.</p>
-        <p>- Borrado en un período menor a 7 días.</p>
+        <p>{t('restoreItems.condEquip')}</p>
+        <p>{t('restoreItems.condBound')}</p>
+        <p>{t('restoreItems.condDeleted')}</p>
         <br />
         <fieldset>
-          <legend>NOTA</legend>
+          <NoteLegend />
           <div className="separate2">
-            <p>Ítems borrados que no cumplan dichas condiciones ya no son recuperables.</p>
-            <p>Se pueden consultar ítems borrados en un mismo personaje cada 8 horas.</p>
+            <p>{t('restoreItems.noteConditions')}</p>
+            <p>{t('restoreItems.noteCooldown')}</p>
           </div>
         </fieldset>
 
         <div className="centered">
           <br />
           <br />
-          <p>Cada ítem requiere <span>{price}</span> <span className="yellow-info">€</span> (SumUp)</p>
+          <p>{t.rich('restoreItems.requires', { price, s: (c) => <span>{c}</span>, e: (c) => <span className="yellow-info">{c}</span> })}</p>
           <br />
           <RestoreItemsForm characters={chars.map((c) => ({ name: c.name, classCss: c.classCss }))} price={price} />
         </div>