Foro: hornear también el icono del ítem de wowhead

Al hornear la clase de calidad (qN), el script de wowhead daba el enlace por
procesado y dejaba de añadir el icono, así que el icono desapareció. Ahora el icono
se hornea junto al enlace: el endpoint /api/forum/wowhead ya devuelve el nombre del
icono, y el botón inserta <img class="wh-icon" src="…zamimg…/small/<icono>.jpg">
antes del enlace.

Así el ítem queda con nombre, color de calidad e icono TODO guardado, sin parpadeo
y sin depender del script (que solo aporta ya el tooltip al pasar el ratón). El
saneador permite class en img; forum.css estiliza .wh-icon.

Verificado en producción: el post guarda la img del icono (clase wh-icon + URL de
zamimg) junto al nombre y la clase q2, y el CSS del icono se sirve.

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

web-next/components/ForumEditor.tsx

@@ -2,7 +2,7 @@
 
 import { Editor } from '@tinymce/tinymce-react'
 import { useLocale } from 'next-intl'
-import { wowheadUrl, wowheadData, type WowheadType } from '@/lib/wowhead'
+import { wowheadUrl, wowheadData, wowheadIcon, type WowheadType } from '@/lib/wowhead'
 
 /**
  * Editor TinyMCE del foro (community, self-hosted desde /tinymce — ver
@@ -154,18 +154,28 @@ export function ForumEditor({
                   // «item=xxx». Si falla, se cae al modo data-wh-rename-link.
                   let name = custom
                   let qClass = ''
+                  let iconHtml = ''
                   try {
                     const res = await fetch(`/api/forum/wowhead?type=${type}&id=${id}&locale=${locale}`)
-                    const info = (await res.json()) as { name: string | null; quality: number | null }
+                    const info = (await res.json()) as {
+                      name: string | null
+                      quality: number | null
+                      icon: string | null
+                    }
                     if (!name && info.name) name = info.name
                     if (typeof info.quality === 'number' && info.quality >= 0) qClass = ` q${info.quality}`
+                    // Icono horneado: así no depende del script (que, al ver la clase
+                    // de calidad, da el enlace por procesado y no añadía icono).
+                    if (info.icon) {
+                      iconHtml = `<img class="wh-icon" src="${esc(wowheadIcon(info.icon, 'small'))}" width="18" height="18" alt="" />`
+                    }
                   } catch {
                     /* wowhead no disponible: se usa el fallback */
                   }
                   const rename = name ? '' : ' data-wh-rename-link="true"'
                   const label = esc(name || `${type}=${id}`)
                   editor.insertContent(
-                    `<a href="${href}" data-wowhead="${esc(wh)}" class="wowhead-link${qClass}"${rename} target="_blank" rel="noopener noreferrer">${label}</a>&nbsp;`,
+                    `${iconHtml}<a href="${href}" data-wowhead="${esc(wh)}" class="wowhead-link${qClass}"${rename} target="_blank" rel="noopener noreferrer">${label}</a>&nbsp;`,
                   )
                   // icono en el editor (el nombre y el color ya van puestos)
                   setTimeout(refreshEditorWowhead, 60)