Permitir pagar los servicios con PD, Stripe o SumUp (elección)

Los 9 servicios con precio en euros (rename, customize, change-race,
change-faction, level-up, gold, transfer, restore-item, send-gift) ahora
ofrecen un selector de forma de pago con las 3 opciones: saldo PD, tarjeta
(Stripe) o tarjeta (SumUp).

- lib/dpoints: spendDPoints() descuenta PD de forma atómica (FOR UPDATE).
- lib/pay-with-dpoints: paga con saldo PD, ejecuta la acción al momento y
  reembolsa si la ejecución falla; 100 PD = 1 €.
- rutas checkout (character/[service] y gift): rama provider='pd' que valida
  saldo, descuenta, ejecuta fulfill y devuelve la URL de éxito (sin pasarela).
- service-success: rama provider='pd' (la entrega ya se hizo en el checkout).
- PaymentMethodSelect: componente compartido con coste por método y saldo;
  desactiva PD si no hay saldo suficiente.
- Formularios (PaidServiceForm, Gold, Transfer, RestoreItems, SendGift) y sus
  páginas pasan el saldo PD y envían el método elegido + locale.
- i18n: namespace Pay (es/en); añadidas claves Paid.restore-item que faltaban.

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

web-next/components/ServicePageContent.tsx

@@ -3,6 +3,7 @@ import { getTranslations, setRequestLocale } from 'next-intl/server'
 import { redirect } from '@/i18n/navigation'
 import { getSession } from '@/lib/session'
 import { getGameCharacters } from '@/lib/characters'
+import { getDPointsBalance } from '@/lib/dpoints'
 import { getPaidService } from '@/lib/paid-services'
 import { PageShell } from '@/components/PageShell'
 import { ServiceBox } from '@/components/ServiceBox'
@@ -19,7 +20,11 @@ export async function ServicePageContent({ service, locale }: { service: string;
   if (!session.bnetId) redirect({ href: '/log-in', locale })
   if (!session.username) redirect({ href: '/select-account', locale })
 
-  const [chars, price] = await Promise.all([getGameCharacters(session.accountId!), cfg!.price({})])
+  const [chars, price, pdBalance] = await Promise.all([
+    getGameCharacters(session.accountId!),
+    cfg!.price({}),
+    getDPointsBalance(session.accountId!),
+  ])
 
   return (
     <PageShell title={t(`${service}.title`)}>
@@ -29,6 +34,8 @@ export async function ServicePageContent({ service, locale }: { service: string;
           checkoutEndpoint={`/api/character/${service}/checkout`}
           payLabel={t(`${service}.pay`, { price })}
           buttonClass={`${service}-button`}
+          priceEur={price}
+          pdBalance={pdBalance}
         />
       </ServiceBox>
     </PageShell>