hermes: use the user's own mark.webp as the icon, drop the SVG attempts

User-authored artwork wins. mark.webp is the main icon; two sibling variants
(mark-wings-both.webp, mark-variant.webp) ship alongside for brand uses.

- bundled-addons/hermes/addon.json: version 0.2.2, icon/panels[0].icon are
  now data:image/webp;base64,... from the main mark.
- bundled-addons/hermes/assets/mark.webp: served by the host via the panel
  page's relative path (seedBundledAddons' fs.cpSync recursive carries it).
- bundled-addons/hermes/panel.html: both top-bar and signin inline SVGs
  become <img src="assets/mark.webp"> at 24 and 72 px.
- site/hermes/index.html: hero SVG → <img> at 120 px.
- site/hermes/branding/{index.html,mark.webp,mark-wings-both.webp,mark-variant.webp}:
  branding kit now carries the three webp files; the inline hero SVG uses
  the main one.
- site-hermes-x/{index,branding,messenger}/index.html: same SVG → <img>
  swap with the appropriate assets/ relative path.
- site-hermes-x/assets/mark{,-wings-both,-variant}.webp: sibling of the
  existing favicon.svg and mark SVGs (kept for backward refs that still
  point at them).

Legacy mark.svg + mark-stroke.svg + favicon.svg stay in place for any
external references; nothing in-repo points at them for the primary icon
slots anymore. favicons still point at the SVG files — safe to leave;
flipping those to webp is a one-liner if you want it.

bundled-addons/hermes/panel.html

@@ -161,15 +161,7 @@
 <!-- Top bar — present on both screens -->
 <div class="bar">
   <div class="mk" aria-hidden="true">
-    <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-      <g fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-20 32 32)">
-        <rect x="18" y="24" width="34" height="22" rx="1.5"/>
-        <path d="M18 25 L35 39 L52 25"/>
-        <path d="M18 28 L-4 24"/>
-        <path d="M18 36 L-6 36"/>
-        <path d="M18 44 L0 46"/>
-      </g>
-    </svg>
+    <img src="assets/mark.webp" alt="" width="24" height="24" style="display:block">
   </div>
   <div class="title">Hermes</div>
   <div class="spc"></div>
@@ -244,15 +236,7 @@
 <!-- ========== SIGNIN SCREEN ========== -->
 <div class="screen active" id="signin">
   <div class="mk" aria-hidden="true">
-    <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
-      <g fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-20 32 32)">
-        <rect x="18" y="24" width="34" height="22" rx="1.5"/>
-        <path d="M18 25 L35 39 L52 25"/>
-        <path d="M18 28 L-4 24"/>
-        <path d="M18 36 L-6 36"/>
-        <path d="M18 44 L0 46"/>
-      </g>
-    </svg>
+    <img src="assets/mark.webp" alt="" width="72" height="72" style="display:block">
   </div>
   <h1>Hermes</h1>
   <p class="lede">End-to-end encrypted DMs. Your identity is your on-chain registered name — same wallet seed as Theseus.</p>