Use plain img tags for icon to fix blurriness

Replace next/image with native <img> for the app icon. The 256x256
source renders crisply at 24px/48px without Next.js image processing.

web/app/components/site-header.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import Image from "next/image";
 import Link from "next/link";
 import { NavLinks } from "./nav-links";
 import { DownloadButton } from "./download-button";
@@ -28,13 +27,12 @@ export function SiteHeader({
             {!hideLogo && (
               <>
                 <Link href="/" className="flex items-center gap-2.5">
-                  <Image
+                  <img
                     src="/icon.png"
                     alt="cmux"
                     width={24}
                     height={24}
                     className="rounded-md"
-                    unoptimized
                   />
                   <span className="text-sm font-semibold tracking-tight">
                     cmux

web/app/page.tsx

@@ -1,4 +1,3 @@
-import Image from "next/image";
 import Balancer from "react-wrap-balancer";
 import { TypingTagline } from "./typing";
 import { DownloadButton } from "./components/download-button";
@@ -12,14 +11,12 @@ export default function Home() {
       <main className="w-full max-w-2xl mx-auto px-6 py-16 sm:py-24">
         {/* Header */}
         <div className="flex items-center gap-4 mb-10" data-dev="header">
-          <Image
+          <img
             src="/icon.png"
             alt="cmux icon"
             width={48}
             height={48}
             className="rounded-xl"
-            unoptimized
-            priority
           />
           <h1 className="text-2xl font-semibold tracking-tight">cmux</h1>
         </div>