Fix lightbox tags: add # prefix and link to tag pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

assets/js/app.js

@@ -281,7 +281,10 @@
         <div class="lb__fact"><dt>Plate</dt><dd>№ ${esc(p.id)}</dd></div>
         <div class="lb__fact"><dt>Category</dt><dd>${esc((p.categories||['—'])[0])}</dd></div>
       </dl>
-      <div class="lb__tags">${tags.map(t => `<span class="lb__tag">${esc(t)}</span>`).join('')}</div>
+      <div class="lb__tags">${tags.map(t => {
+        const slug = t.toLowerCase().replace(/[\s,]+/g, '-').replace(/[^a-z0-9-]/g, '');
+        return `<a class="lb__tag" href="/tags/${slug}/"># ${esc(t)}</a>`;
+      }).join('')}</div>
       <div class="lb__share">
         <button class="lb__sh lb__sh--primary" id="lbCopy" data-url="${esc(p.url)}">
           <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 1 0-7.07-7.07l-1 1"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 1 0 7.07 7.07l1-1"/></svg>