Feature: expanded and custom task icons (Lucide + Font Awesome + emoji) (#248)

Co-authored-by: dev_agent <17+dev_agent@code.cubecraftcreations.com>
Co-committed-by: dev_agent <17+dev_agent@code.cubecraftcreations.com>

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);
@@ -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>