web: páginas de enlace caducado y mantenimiento (las que faltaban vs Django)

Réplica de los partials `expired_link.html` y `maintenance.html`, con las clases
del tema. Con esto web-next ya tiene todo lo que tiene Django: las demás rutas
que faltaban eran los *-success/*-cancel por servicio, que aquí sustituye el
/service-success unificado, y novawow-realm/players, que los sirve la ruta
dinámica [realm].

Dos erratas del original que NO se copian:
- "Enlace Expirado" enseñaba un «No hay códigos de promoción disponibles» que es
  de otra página.
- Su botón "Solicitar nuevo cambio de correo" enlazaba a `expired-link`, o sea a
  sí misma. Aquí va a /change-email, que es lo que pretendía.

Verificado: /es/ y /en/ de las dos dan 200 (Django también), la imagen de
mantenimiento carga y cabe (437x371, sin desbordar), y el botón apunta a
/es/change-email.

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

web-next/app/[locale]/expired-link/page.tsx

@@ -0,0 +1,43 @@
+import type { Metadata } from 'next'
+import { getTranslations, setRequestLocale } from 'next-intl/server'
+import { Link } from '@/i18n/navigation'
+import { PageShell } from '@/components/PageShell'
+import { ServiceBox } from '@/components/ServiceBox'
+
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Misc' })
+  return { title: t('expiredLink.pageTitle') }
+}
+
+/**
+ * Enlace caducado — réplica del partial Django `partials/expired_link.html`,
+ * al que se llega desde los correos de confirmación (cambio de correo, alta…).
+ *
+ * Con dos erratas del original SIN copiar: tenía un «No hay códigos de promoción
+ * disponibles» de otra página, y el botón "Solicitar nuevo cambio de correo"
+ * enlazaba a `expired-link`, o sea a sí misma. Aquí lleva a /change-email, que
+ * es lo que pretendía.
+ */
+export default async function ExpiredLinkPage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params
+  setRequestLocale(locale)
+  const t = await getTranslations('Misc')
+
+  return (
+    <PageShell title={t('expiredLink.pageTitle')}>
+      <ServiceBox heading={t('expiredLink.pageTitle')}>
+        <div className="centered">
+          <br />
+          <div className="alert-message">
+            <span className="red-form-response">{t('expiredLink.message')}</span>
+          </div>
+          <br />
+          <Link className="back-to-account" href="/change-email">
+            {t('expiredLink.requestNew')}
+          </Link>
+        </div>
+      </ServiceBox>
+    </PageShell>
+  )
+}

web-next/app/[locale]/maintenance/page.tsx

@@ -0,0 +1,49 @@
+import type { Metadata } from 'next'
+import { getTranslations, setRequestLocale } from 'next-intl/server'
+
+export async function generateMetadata({ params }: { params: Promise<{ locale: string }> }): Promise<Metadata> {
+  const { locale } = await params
+  const t = await getTranslations({ locale, namespace: 'Misc' })
+  return { title: t('maintenance.pageTitle') }
+}
+
+/** Mantenimiento — réplica del partial Django `partials/maintenance.html`. */
+export default async function MaintenancePage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params
+  setRequestLocale(locale)
+  const t = await getTranslations('Misc')
+
+  return (
+    <div className="main-page">
+      <div className="middle-content">
+        <div className="body-content">
+          <div className="title-content">
+            <h1>{t('maintenance.pageTitle')}</h1>
+          </div>
+          <div className="box-content">
+            <div className="body-box-content centered">
+              <p>{t('maintenance.line1')}</p>
+              <p>{t('maintenance.line2')}</p>
+              <br />
+              <p>
+                {t.rich('maintenance.discord', {
+                  link: (c) => (
+                    <a href="https://discord.gg/novawow" target="_blank" rel="noopener noreferrer">
+                      {c}
+                    </a>
+                  ),
+                })}
+              </p>
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
+                src="/nw-themes/nw-ryu/nw-images/nw-general/novawow-maintenance.webp"
+                width={437}
+                alt={t('maintenance.pageTitle')}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}