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

@@ -1,6 +1,7 @@
 'use client'
 
 import { useMemo, useState } from 'react'
+import { useTranslations } from 'next-intl'
 import { CharacterSelect } from '@/components/CharacterSelect'
 import { Turnstile } from '@/components/Turnstile'
 
@@ -23,35 +24,36 @@ interface QuestStatus {
   state: 'rewarded' | 'inProgress' | 'none'
 }
 
-function trackerError(error?: string, minutes?: number): string {
+function trackerError(t: ReturnType<typeof useTranslations>, error?: string, minutes?: number): string {
   switch (error) {
     case 'missingFields':
-      return 'Selecciona un personaje y una opción.'
+      return t('quest.errors.missingFields')
     case 'characterNotOwned':
-      return 'El personaje seleccionado no es válido.'
+      return t('quest.errors.characterNotOwned')
     case 'characterOnline':
-      return 'El personaje debe estar desconectado.'
+      return t('quest.errors.characterOnline')
     case 'wrongClass':
-      return 'Esa opción no corresponde a la clase del personaje.'
+      return t('quest.errors.wrongClass')
     case 'levelTooLow':
-      return 'El personaje no cumple el nivel mínimo de esa opción.'
+      return t('quest.errors.levelTooLow')
     case 'invalidQuestId':
-      return 'Introduce un ID de misión válido.'
+      return t('quest.errors.invalidQuestId')
     case 'invalidOption':
     case 'noData':
-      return 'Esa opción no está disponible todavía.'
+      return t('quest.errors.noData')
     case 'cooldown':
-      return `Debes esperar ${minutes ?? 0} min para repetir esta búsqueda en este personaje.`
+      return t('quest.errors.cooldown', { minutes: minutes ?? 0 })
     case 'captcha':
-      return 'Verifica que no eres un robot.'
+      return t('quest.errors.captcha')
     case 'notAuthenticated':
-      return 'Tu sesión ha expirado. Inicia sesión de nuevo.'
+      return t('quest.errors.notAuthenticated')
     default:
-      return 'No se pudo completar la búsqueda. Inténtalo de nuevo.'
+      return t('quest.errors.default')
   }
 }
 
 export function QuestTrackerForm({ characters, options }: { characters: QuestCharacter[]; options: QuestOptionClient[] }) {
+  const t = useTranslations('CharService')
   const [character, setCharacter] = useState('')
   const [option, setOption] = useState('')
   const [questId, setQuestId] = useState('')
@@ -70,9 +72,9 @@ export function QuestTrackerForm({ characters, options }: { characters: QuestCha
     const list = options
       .filter((o) => o.hasData && (o.classCss === null || o.classCss === selected.classCss) && selected.level >= o.minLevel)
       .map((o) => ({ key: o.key, label: o.label }))
-    if (selected.level >= 10) list.push({ key: 'specific', label: 'Por misión específica' })
+    if (selected.level >= 10) list.push({ key: 'specific', label: t('quest.specificLabel') })
     return list
-  }, [selected, options])
+  }, [selected, options, t])
 
   function onCharacter(v: string) {
     setCharacter(v)
@@ -100,10 +102,10 @@ export function QuestTrackerForm({ characters, options }: { characters: QuestCha
       if (data.success && data.statuses) {
         setResult({ label: data.label ?? '', statuses: data.statuses })
       } else {
-        setMessage({ ok: false, text: trackerError(data.error, data.minutes) })
+        setMessage({ ok: false, text: trackerError(t, data.error, data.minutes) })
       }
     } catch {
-      setMessage({ ok: false, text: trackerError() })
+      setMessage({ ok: false, text: trackerError(t) })
     } finally {
       setBusy(false)
       setCaptcha('')
@@ -115,7 +117,7 @@ export function QuestTrackerForm({ characters, options }: { characters: QuestCha
     return (
       <div className="centered">
         <br />
-        <span>No hay personajes disponibles para esta herramienta</span>
+        <span>{t('quest.noCharacters')}</span>
         <br />
       </div>
     )
@@ -123,18 +125,18 @@ export function QuestTrackerForm({ characters, options }: { characters: QuestCha
 
   const stateText = (s: QuestStatus['state']) =>
     s === 'rewarded'
-      ? { text: 'Completada', cls: 'green-info2' }
+      ? { text: t('quest.stateCompleted'), cls: 'green-info2' }
       : s === 'inProgress'
-        ? { text: 'En curso', cls: 'yellow-info' }
-        : { text: 'Sin empezar', cls: 'third-brown' }
+        ? { text: t('quest.stateInProgress'), cls: 'yellow-info' }
+        : { text: t('quest.stateNotStarted'), cls: 'third-brown' }
 
   return (
     <div className="centered">
       <form id="uw-quest-form" onSubmit={handleSubmit} acceptCharset="utf-8">
-        <CharacterSelect characters={characters} value={character} onChange={onCharacter} placeholder="Selecciona un personaje" />
+        <CharacterSelect characters={characters} value={character} onChange={onCharacter} placeholder={t('quest.selectPlaceholder')} />
         <br />
         <select value={option} onChange={(e) => setOption(e.target.value)} required disabled={!selected}>
-          <option value="" disabled>Selecciona una opción</option>
+          <option value="" disabled>{t('quest.selectOption')}</option>
           {available.map((o) => (
             <option key={o.key} value={o.key}>{o.label}</option>
           ))}
@@ -145,7 +147,7 @@ export function QuestTrackerForm({ characters, options }: { characters: QuestCha
             <input
               type="number"
               min="1"
-              placeholder="ID de misión"
+              placeholder={t('quest.questIdPlaceholder')}
               value={questId}
               onChange={(e) => setQuestId(e.target.value)}
               required
@@ -155,7 +157,7 @@ export function QuestTrackerForm({ characters, options }: { characters: QuestCha
         )}
         <Turnstile key={captchaKey} onVerify={setCaptcha} />
         <button type="submit" className="quest-button" disabled={busy || !character || !option}>
-          {busy ? 'Buscando misiones' : 'BUSCAR MISIONES'}
+          {busy ? t('quest.submitting') : t('quest.submit')}
         </button>
       </form>
       <hr />
@@ -172,7 +174,7 @@ export function QuestTrackerForm({ characters, options }: { characters: QuestCha
                     <tr key={s.quest}>
                       <td className="lefted">
                         <a href={`${QUEST_DB}/?quest=${s.quest}`} target="_blank" rel="noopener noreferrer">
-                          Misión #{s.quest}
+                          {t('quest.questNumber', { quest: s.quest })}
                         </a>
                       </td>
                       <td className={`real-info-box ${st.cls}`}>{st.text}</td>