feat: add Wingman pink phoenix logo and favicon

index.html

@@ -4,6 +4,9 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Manifest Wingman — LLM API Tester</title>
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <meta name="theme-color" content="#1a1d23" media="(prefers-color-scheme: dark)" />
     <meta name="theme-color" content="#faf8f5" />
     <meta

src/components/TopBar.tsx

@@ -13,17 +13,11 @@ const TopBar: Component = () => {
           title="manifest.build"
         >
           <img
-            src="/logo.svg"
-            alt="Manifest"
-            class="topbar__logo topbar__logo--light"
-            width="120"
-          />
-          <img
-            src="/logo-white.svg"
-            alt=""
-            class="topbar__logo topbar__logo--dark"
-            width="120"
-            aria-hidden="true"
+            src="/wingman.svg"
+            alt="Wingman"
+            class="topbar__logo"
+            width="28"
+            height="28"
           />
         </a>
         <span class="topbar__divider" aria-hidden="true">

src/styles.css

@@ -427,24 +427,11 @@ textarea {
 }
 
 .topbar__logo {
-  height: 22px;
-  width: auto;
+  height: 28px;
+  width: 28px;
   display: block;
 }
 
-.topbar__logo--dark {
-  display: none;
-}
-
-@media (prefers-color-scheme: dark) {
-  .topbar__logo--light {
-    display: none;
-  }
-  .topbar__logo--dark {
-    display: block;
-  }
-}
-
 .topbar__divider {
   font-size: 18px;
   color: var(--text-faint);