feat: use favicon artwork for header logo mark; ignore .vscode

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

components/Header.js

@@ -23,7 +23,14 @@ export default function Header() {
     <header className={`header ${scrolled ? 'is-scrolled' : ''} ${open ? 'is-open' : ''}`}>
       <nav className="navbar shell">
         <Link href="/" className="logo" onClick={() => setOpen(false)}>
-          <span className="logo-mark">je</span>
+          <svg className="logo-mark" viewBox="0 0 32 32" aria-hidden="true">
+            <rect width="32" height="32" rx="7" fill="#0c0a09" />
+            <g fill="none" stroke="#fafaf9" strokeWidth="3" strokeLinecap="round">
+              <path d="M11.5 13v9a3.5 3.5 0 0 1-3.5 3.5h-1" />
+              <path d="M15.5 18h10a5 5 0 1 0-1.46 3.54" />
+            </g>
+            <circle cx="11.5" cy="8" r="2" fill="#34d399" />
+          </svg>
           <span className="logo-text">
             jesseinit<span className="logo-dot">.dev</span>
           </span>