web-next: migrar toda la UI al tema real nw-ryu

Reescritura completa del frontend Next.js del sistema visual Tailwind
"simulado" al tema Django original (nw-ryu), para paridad pixel con la
web actual antes del cutover.

- Tema real: copia de static/nw-themes/nw-ryu + favicons a public/, el
  layout carga el novavow-style.css real de ultimo (gana la cascada sobre
  Tailwind) + Font Awesome.
- Shell replicando los partials Django: SiteHeader, Video, Social, Footer,
  ServerClock; home con estructura real (main-page/middle-content/...).
- Helpers reutilizables: PageShell (main-page > middle-content > body-content
  > title-content) y ServiceBox (title-box-content + back-to-account).
- Paginas migradas a clases reales del tema (fieldset/tool-button/char-box/
  item-box/info-box-light/max-center-table/alert-message/botones reales),
  eliminando el markup Tailwind (.nw-btn/.nw-card/.nw-input):
  auth (login/register/recover/reset/select-account/activate),
  cuenta + servicios de personaje (revive/unstuck/rename/customize/
  change-race/change-faction/level-up/gold/transfer + pago Stripe),
  ajustes (change-password/change-email/security-token),
  comunidad (vote-points/recruit/battlepay), foro completo, y
  admin (indice + 7 secciones + los Admin*Manager).
- Se conserva el bilingue (next-intl); claves nuevas en messages/es|en.json.

Verificado: typecheck + build OK; rutas protegidas 307->login; sin
MISSING_MESSAGE; cero Tailwind residual (solo .nw-tool-btn/.nw-page,
clases propias en globals.css).

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

web-next/components/TopicModBar.tsx

@@ -47,14 +47,9 @@ export function TopicModBar({
 
   if (deleted) {
     return (
-      <div className="mb-6 flex flex-wrap items-center gap-2 rounded-lg border border-red-900/60 bg-red-950/20 px-3 py-2 text-sm">
-        <span className="mr-1 font-semibold text-red-400">{t('deletedMark')}</span>
-        <button
-          type="button"
-          onClick={() => act('restore')}
-          disabled={busy}
-          className="text-xs text-green-400 hover:text-green-300 disabled:opacity-60"
-        >
+      <div className="info-box-light separate">
+        <span className="red-info2">{t('deletedMark')}</span>{' '}
+        <button type="button" onClick={() => act('restore')} disabled={busy} className="nw-tool-btn green-info">
           {t('restoreTopic')}
         </button>
       </div>
@@ -62,24 +57,14 @@ export function TopicModBar({
   }
 
   return (
-    <div className="mb-6 flex flex-wrap items-center gap-2 rounded-lg border border-nw-border/60 bg-nw-panel-2/40 px-3 py-2 text-sm">
-      <span className="mr-1 font-semibold text-nw-gold-light">{t('moderation')}:</span>
-      <button
-        type="button"
-        onClick={() => act(locked ? 'unlock' : 'lock')}
-        disabled={busy}
-        className="nw-btn-ghost text-xs disabled:opacity-60"
-      >
+    <div className="info-box-light separate">
+      <span className="yellow-info">{t('moderation')}:</span>{' '}
+      <button type="button" onClick={() => act(locked ? 'unlock' : 'lock')} disabled={busy} className="nw-tool-btn">
         {locked ? t('unlock') : t('lock')}
-      </button>
-      <button
-        type="button"
-        onClick={() => act(sticky ? 'unsticky' : 'sticky')}
-        disabled={busy}
-        className="nw-btn-ghost text-xs disabled:opacity-60"
-      >
+      </button>{' '}
+      <button type="button" onClick={() => act(sticky ? 'unsticky' : 'sticky')} disabled={busy} className="nw-tool-btn">
         {sticky ? t('unpin') : t('pin')}
-      </button>
+      </button>{' '}
       {moveForums.length > 0 && (
         <select
           defaultValue=""
@@ -89,7 +74,7 @@ export function TopicModBar({
             e.target.value = ''
             if (forumId) act('move', { forumId })
           }}
-          className="nw-input inline-block w-auto py-1 text-xs disabled:opacity-60"
+          style={{ width: 'auto' }}
           aria-label={t('moveTopic')}
         >
           <option value="" disabled>
@@ -101,13 +86,8 @@ export function TopicModBar({
             </option>
           ))}
         </select>
-      )}
-      <button
-        type="button"
-        onClick={() => act('delete', undefined, t('confirmDeleteTopic'))}
-        disabled={busy}
-        className="text-xs text-red-400 hover:text-red-300 disabled:opacity-60"
-      >
+      )}{' '}
+      <button type="button" onClick={() => act('delete', undefined, t('confirmDeleteTopic'))} disabled={busy} className="nw-tool-btn red-info2">
         {t('deleteTopic')}
       </button>
     </div>