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/components/Footer.tsx

@@ -1,3 +1,4 @@
+import { getTranslations } from 'next-intl/server'
 import { getRealmName } from '@/lib/realm'
 
 /**
@@ -5,40 +6,41 @@ import { getRealmName } from '@/lib/realm'
  * (enlaces legales + copyright + crédito de diseño) con las clases del tema real.
  */
 export async function Footer() {
+  const t = await getTranslations('UI')
   const year = new Date().getFullYear()
   const realmName = await getRealmName()
 
   return (
     <footer>
       <p>
-        <a href="/terms-and-conditions">Términos y Condiciones</a>
+        <a href="/terms-and-conditions">{t('footer.terms')}</a>
         <span className="third-brown">
           &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
         </span>
-        <a href="/privacy-policy">Política de Privacidad</a>
+        <a href="/privacy-policy">{t('footer.privacy')}</a>
         <span className="third-brown">
           &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
         </span>
-        <a href="/refund-policy">Política de Reembolso</a>
+        <a href="/refund-policy">{t('footer.refund')}</a>
         <span className="third-brown">
           &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
         </span>
-        <a href="/cookies">Declaración de Cookies</a>
+        <a href="/cookies">{t('footer.cookies')}</a>
         <span className="third-brown">
           &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
         </span>
-        <a href="/legal-notice">Aviso legal</a>
+        <a href="/legal-notice">{t('footer.legal')}</a>
         <span className="third-brown">
           &nbsp;&nbsp; <i className="fas fa-grip-lines-vertical"></i>&nbsp;&nbsp;{' '}
         </span>
-        <a href="/contact-us">Contáctanos</a>
+        <a href="/contact-us">{t('footer.contact')}</a>
       </p>
       <br />
       <p className="third-brown">
-        © Copyright {realmName}™ {year}. Todos los derechos reservados
+        {t('footer.copyright', { realmName, year: String(year) })}
       </p>
       <p className="third-brown">
-        Diseño: &quot;{realmName}&quot; Por Inna Hoover Brown <i className="fas fa-cat"></i>
+        {t('footer.design', { realmName })} <i className="fas fa-cat"></i>
       </p>
     </footer>
   )