web-next: usar el nombre del reino (realmlist) en menú, estado y título

- Menú de navegación: el desplegable «NovaWoW» ahora muestra el nombre del
  reino de realmlist (Header pasa realmName a SiteHeader).
- Home: el título «NovaWoW WOTLK 3.4.3» y el nombre del recuadro de estado
  (antes home_serverselection.name) usan el nombre del reino de realmlist.
Ahora el reino es «Trinity». El logo (alt) y el texto de intro se mantienen
como marca.

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

web-next/components/Header.tsx

@@ -7,10 +7,19 @@ export async function Header() {
   const loggedIn = Boolean(session.username)
   // Django muestra bnet_email si existe, si no el username.
   const accountLabel = session.bnetEmail || session.username || ''
-  // Enlaces al reino/jugadores según el nombre en realmlist (p. ej. /trinity-realm, /trinity-players).
-  const slug = realmSlug(await getRealmName())
+  // Nombre y enlaces del reino según realmlist (p. ej. Trinity → /trinity-realm, /trinity-players).
+  const realmName = await getRealmName()
+  const slug = realmSlug(realmName)
   const realmHref = `/${slug}-realm`
   const playersHref = `/${slug}-players`
 
-  return <SiteHeader loggedIn={loggedIn} accountLabel={accountLabel} realmHref={realmHref} playersHref={playersHref} />
+  return (
+    <SiteHeader
+      loggedIn={loggedIn}
+      accountLabel={accountLabel}
+      realmName={realmName}
+      realmHref={realmHref}
+      playersHref={playersHref}
+    />
+  )
 }

web-next/components/SiteHeader.tsx

@@ -16,11 +16,13 @@ const SERVER_NAME = 'NovaWoW'
 export function SiteHeader({
   loggedIn,
   accountLabel,
+  realmName,
   realmHref,
   playersHref,
 }: {
   loggedIn: boolean
   accountLabel: string
+  realmName: string
   realmHref: string
   playersHref: string
 }) {
@@ -74,7 +76,7 @@ export function SiteHeader({
 
           <div className="nav-dropdown">
             <div className="nav-dropdown-btn">
-              {SERVER_NAME} <i className="fas fa-caret-down"></i>
+              {realmName} <i className="fas fa-caret-down"></i>
             </div>
             <div className="nav-dropdown-content">
               <p>