Shared icon registry (curated Lucide + Font Awesome, namespaced resolver) (#242)

frontend/src/cards/quest-log.ts

@@ -2,6 +2,7 @@ import { LitElement, css, html, nothing, unsafeCSS, type TemplateResult } from "
 import { repeat } from "lit/directives/repeat.js";
 import panelTokens from "../../../custom_components/nestquest/www/nestquest-panel-tokens.css?inline";
 
+import { renderQuestIcon } from "../icons/render";
 import { registerCustomCard, type CardConfig, type HassLike } from "../types";
 
 type QuestLogCardConfig = CardConfig & {
@@ -614,6 +615,11 @@ const logStyles = css`
     height: 34px;
   }
 
+  .tile .emoji {
+    font-size: 30px;
+    line-height: 1;
+  }
+
   .sealed .tile {
     background: var(--nq-p-icon-tile-done);
     color: var(--nq-p-ink-secondary);
@@ -2051,7 +2057,7 @@ export class NestQuestQuestLogCard extends LitElement {
         : "";
       return html`
         <div class="quest sealed" data-instance-id=${instance.id}>
-          <span class="tile" aria-hidden="true">${ICON_STAR}</span>
+          <span class="tile" aria-hidden="true">${renderQuestIcon(instance.icon, ICON_STAR)}</span>
           <div class="body">
             <span class="quest-title">${instance.title}</span>
             <span class="meta">
@@ -2093,7 +2099,7 @@ export class NestQuestQuestLogCard extends LitElement {
           }
         }}
       >
-        <span class="tile" aria-hidden="true">${ICON_STAR}</span>
+        <span class="tile" aria-hidden="true">${renderQuestIcon(instance.icon, ICON_STAR)}</span>
         <div class="body">
           <span class="quest-title">${instance.title}</span>
           <span class="meta ${meta.late ? "late" : nothing}">${meta.text}</span>