UI: estilar enlaces del índice de admin y del panel de servicios de la cuenta

Se veían como enlaces azules sin estilo. Ahora:
- /admin: rejilla de tarjetas (icono + etiqueta + flecha) con hover dorado.
- /account (servicios): chips con borde, fondo de panel y hover dorado en vez de
  enlaces subrayados azules.

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

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

@@ -147,15 +147,18 @@ function ServicesPanel({ t }: { t: (k: string) => string }) {
       {groups.map((g) => (
         <section key={g.title} className="nw-card">
           <h2 className="mb-3 text-lg font-semibold text-nw-gold-light">{g.title}</h2>
-          <ul className="space-y-1.5 text-sm">
+          <div className="flex flex-col gap-2">
             {g.items.map((it) => (
-              <li key={it.href}>
-                <Link href={it.href} className="text-sky-400 hover:text-amber-300 hover:underline">
-                  {it.label}
-                </Link>
-              </li>
+              <Link
+                key={it.href}
+                href={it.href}
+                className="flex items-center justify-between gap-2 rounded-lg border border-nw-border/60 bg-nw-panel-2/40 px-3 py-2 text-sm text-nw-text transition hover:border-nw-gold/60 hover:bg-nw-panel-2/80 hover:text-nw-gold-light"
+              >
+                <span>{it.label}</span>
+                <span className="text-nw-muted" aria-hidden>→</span>
+              </Link>
             ))}
-          </ul>
+          </div>
         </section>
       ))}
     </div>