feat: replace gradient logo with new SVG icon across all pages

apps/web/public/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain-cog-icon lucide-brain-cog"><path d="m10.852 14.772-.383.923"/><path d="m10.852 9.228-.383-.923"/><path d="m13.148 14.772.382.924"/><path d="m13.531 8.305-.383.923"/><path d="m14.772 10.852.923-.383"/><path d="m14.772 13.148.923.383"/><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 0 0-5.63-1.446 3 3 0 0 0-.368 1.571 4 4 0 0 0-2.525 5.771"/><path d="M17.998 5.125a4 4 0 0 1 2.525 5.771"/><path d="M19.505 10.294a4 4 0 0 1-1.5 7.706"/><path d="M4.032 17.483A4 4 0 0 0 11.464 20c.18-.311.892-.311 1.072 0a4 4 0 0 0 7.432-2.516"/><path d="M4.5 10.291A4 4 0 0 0 6 18"/><path d="M6.002 5.125a3 3 0 0 0 .4 1.375"/><path d="m9.228 10.852-.923-.383"/><path d="m9.228 13.148-.923.383"/><circle cx="12" cy="12" r="3"/></svg>

apps/web/src/components/auth-layout.tsx

@@ -26,10 +26,7 @@ export default function AuthLayout({
         <aside className="relative hidden flex-col justify-between lg:flex">
           <div>
             <Link className="inline-flex items-center gap-2" to="/">
-              <span
-                aria-hidden
-                className="inline-block h-7 w-7 rounded bg-gradient-to-br from-purple-500 to-fuchsia-500 shadow-md shadow-fuchsia-500/20"
-              />
+              <img src="/icon.svg" alt="Icon" />
               <span className="text-lg font-semibold tracking-tight">Reflecto</span>
             </Link>
 

apps/web/src/components/footer.tsx

@@ -15,10 +15,7 @@ export default function Footer() {
                 "text-muted-foreground",
               ].join(" ")}
             >
-              <span
-                aria-hidden
-                className="inline-block h-4 w-4 rounded bg-gradient-to-br from-purple-500 to-fuchsia-500"
-              />
+              <img src="/icon.svg" alt="Icon" />
               <span className="font-medium">Reflecto</span>
               <span className="hidden sm:inline">•</span>
               <span className="hidden text-muted-foreground sm:inline">

apps/web/src/components/header.tsx

@@ -18,10 +18,7 @@ export default function Header() {
             {/* Logo + primary nav */}
             <div className="flex items-center gap-4">
               <Link className="inline-flex items-center gap-2" to="/">
-                <span
-                  aria-hidden
-                  className="inline-block h-6 w-6 rounded bg-gradient-to-br from-purple-500 to-fuchsia-500"
-                />
+                <img src="/icon.svg" alt="Icon" />
                 <span className="font-semibold tracking-tight">Reflecto</span>
               </Link>
 

apps/web/src/routes/index.tsx

@@ -323,6 +323,8 @@ function HomeComponent() {
                 aria-hidden
                 className="inline-block h-5 w-5 rounded-sm bg-gradient-to-br from-purple-500 to-fuchsia-500"
               />
+              <img src="/icon.svg" alt="Icon" />
+
               <span>Private by default • Powered by lightweight AI</span>
             </div>
           </div>