Add per-project logos to the landing page cards

Bring in the generated project marks (assets/logos/) and show each one as
a 44px rounded tile at the top-left of its package card: the RabbitMQ
bunny for amqp-contract, the beetroot hourglass for temporal-contract,
and the no-throw beetroot for unthrown.

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

Author: btravers

assets/logos/amqp-contract.svg

@@ -106,7 +106,10 @@ <h2 style="margin:14px 0 30px;font-weight:800;letter-spacing:-1px;font-size:clam
 
       <div class="pcard" style="display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px">
         <div style="display:flex;align-items:center;justify-content:space-between;gap:12px">
-          <span style="display:inline-flex;align-items:center;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--accent);background:rgba(224,88,154,0.1);border:1px solid rgba(224,88,154,0.22);padding:5px 10px;border-radius:999px">Messaging</span>
+          <div style="display:flex;align-items:center;gap:11px;min-width:0">
+            <img src="assets/logos/amqp-contract.svg" width="44" height="44" alt="amqp-contract logo" loading="lazy" style="display:block;flex:none;border-radius:11px;box-shadow:0 6px 16px -8px rgba(0,0,0,0.7)">
+            <span style="display:inline-flex;align-items:center;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--accent);background:rgba(224,88,154,0.1);border:1px solid rgba(224,88,154,0.22);padding:5px 10px;border-radius:999px">Messaging</span>
+          </div>
           <span style="display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--faint)">
             <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M8 1.3l2.06 4.17 4.6.67-3.33 3.24.78 4.58L8 11.8l-4.11 2.16.78-4.58L1.34 6.14l4.6-.67L8 1.3z"></path></svg>
             <span class="star-count" data-repo="btravstack/amqp-contract">18</span>
@@ -137,7 +140,10 @@ <h3 style="margin:18px 0 0;font-weight:800;font-size:23px;letter-spacing:-0.6px;
 
       <div class="pcard" style="display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px">
         <div style="display:flex;align-items:center;justify-content:space-between;gap:12px">
-          <span style="display:inline-flex;align-items:center;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--accent);background:rgba(224,88,154,0.1);border:1px solid rgba(224,88,154,0.22);padding:5px 10px;border-radius:999px">Workflows</span>
+          <div style="display:flex;align-items:center;gap:11px;min-width:0">
+            <img src="assets/logos/temporal-contract.svg" width="44" height="44" alt="temporal-contract logo" loading="lazy" style="display:block;flex:none;border-radius:11px;box-shadow:0 6px 16px -8px rgba(0,0,0,0.7)">
+            <span style="display:inline-flex;align-items:center;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--accent);background:rgba(224,88,154,0.1);border:1px solid rgba(224,88,154,0.22);padding:5px 10px;border-radius:999px">Workflows</span>
+          </div>
           <span style="display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--faint)">
             <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M8 1.3l2.06 4.17 4.6.67-3.33 3.24.78 4.58L8 11.8l-4.11 2.16.78-4.58L1.34 6.14l4.6-.67L8 1.3z"></path></svg>
             <span class="star-count" data-repo="btravstack/temporal-contract">7</span>
@@ -168,7 +174,10 @@ <h3 style="margin:18px 0 0;font-weight:800;font-size:23px;letter-spacing:-0.6px;
 
       <div class="pcard" style="display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px">
         <div style="display:flex;align-items:center;justify-content:space-between;gap:12px">
-          <span style="display:inline-flex;align-items:center;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--accent);background:rgba(224,88,154,0.1);border:1px solid rgba(224,88,154,0.22);padding:5px 10px;border-radius:999px">Errors</span>
+          <div style="display:flex;align-items:center;gap:11px;min-width:0">
+            <img src="assets/logos/unthrown.svg" width="44" height="44" alt="unthrown logo" loading="lazy" style="display:block;flex:none;border-radius:11px;box-shadow:0 6px 16px -8px rgba(0,0,0,0.7)">
+            <span style="display:inline-flex;align-items:center;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--accent);background:rgba(224,88,154,0.1);border:1px solid rgba(224,88,154,0.22);padding:5px 10px;border-radius:999px">Errors</span>
+          </div>
           <span style="display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--faint)">
             <svg width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M8 1.3l2.06 4.17 4.6.67-3.33 3.24.78 4.58L8 11.8l-4.11 2.16.78-4.58L1.34 6.14l4.6-.67L8 1.3z"></path></svg>
             <span class="star-count" data-repo="btravstack/unthrown">1</span>