fix(web): always-visible wordmark in navbar

The header used <img src="/img/logo.png"> followed by a "Code for Philly"
wordmark gated with `hidden md:inline`. The image asset has never
existed in the repo, so it rendered as an invisible broken-image on
every viewport. Desktop nobody noticed because the wordmark text
filled the spot; mobile (where hidden md:inline hides the wordmark)
showed an empty home link with no tappable visual.

Drop the broken <img> and unhide the wordmark at all breakpoints.
The home link is now always visible, always labeled, always tappable.
The actual logo asset is a future TODO; the wordmark covers the
functional need.

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

Author: themightychris

apps/web/src/components/AppHeader.tsx

@@ -187,16 +187,16 @@ export function AppHeader() {
   return (
     <header className="sticky top-0 z-40 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 shadow-sm print:hidden">
       <div className="container mx-auto flex h-14 items-center px-4 gap-4">
-        {/* Logo */}
+        {/* Wordmark — always visible. The image asset is a future TODO,
+            but the wordmark alone gives the home link a tappable target
+            on every viewport, including mobile where the desktop nav
+            isn't present. */}
         <Link
           to="/"
-          className="flex items-center gap-2 shrink-0"
+          className="flex items-center gap-2 shrink-0 font-semibold text-foreground"
           aria-label="Code for Philly home"
         >
-          <img src="/img/logo.png" alt="" height={32} className="h-8 w-auto" />
-          <span className="hidden md:inline font-semibold text-foreground">
-            Code for Philly
-          </span>
+          Code for Philly
         </Link>
 
         {/* Desktop nav */}