Header: reuse favicon.svg as logo mark instead of emoji

assets/css/components.css

@@ -13,7 +13,7 @@
   display:flex;align-items:center;gap:var(--s3);
   font-family:var(--font-mono);font-weight:700;color:var(--text);font-size:var(--text-lg);
 }
-.navbar__logo .spud{font-size:1.15rem;line-height:1;}
+.navbar__logo .spud{width:1.5rem;height:1.5rem;display:block;}
 .navbar__logo .shrug{color:var(--text-faint);font-weight:400;font-size:var(--text-sm);}
 .navbar__logo:hover{color:var(--russet);}
 .navbar__links{

layouts/partials/navbar.html

@@ -2,7 +2,7 @@
   <div class="navbar__inner">
 
     <a href="/" class="navbar__logo" aria-label="{{ .Site.Title }} home">
-      <span class="spud" aria-hidden="true">🥔</span>
+      <img class="spud" src="/favicon.svg" alt="" aria-hidden="true" width="24" height="24">
       <span>thepotato.tech</span>
       <span class="shrug" aria-hidden="true">¯\_(ツ)_/¯</span>
     </a>