refactor and fix all references to emojis

src/components/common/Module.svelte

@@ -6,11 +6,15 @@
    *   panel  blue caption bar (left rail)
    *   band   peach caption bar (main column)
    *   plain  no chrome, just the heading
-   */
+  */
   import type { Snippet } from 'svelte'
+  import type { CustomEmoji } from '$lib/api/types'
+  import EmojiText from './EmojiText.svelte'
 
   interface Props {
     title?: string
+    /** Custom emoji available to user-derived titles. */
+    titleEmojis?: CustomEmoji[]
     variant?: 'panel' | 'band' | 'plain'
     /** Right-aligned link in the caption bar, e.g. "[view all]". */
     action?: Snippet
@@ -23,6 +27,7 @@
 
   let {
     title,
+    titleEmojis,
     variant = 'panel',
     action,
     flush = false,
@@ -38,7 +43,7 @@
 <section class="module {variantClass} {extraClass}" data-variant={variant}>
   {#if title}
     <h2 class="module-header">
-      <span class="module-header-title">{title}</span>
+      <EmojiText class="module-header-title" text={title} emojis={titleEmojis} />
       {#if action}
         <span class="module-header-action">{@render action()}</span>
       {/if}