fix(ui): new equalizer logo, favicon link, fix favicon path

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

public/icon.svg

@@ -1,21 +1,21 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
   <defs>
-    <radialGradient id="bg" cx="40%" cy="35%" r="72%">
-      <stop offset="0%" stop-color="#1c1c30"/>
+    <radialGradient id="bg" cx="35%" cy="30%" r="75%">
+      <stop offset="0%" stop-color="#0f0f2e"/>
       <stop offset="100%" stop-color="#07070f"/>
     </radialGradient>
     <linearGradient id="bar" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="#f5b83a"/>
-      <stop offset="100%" stop-color="#c07515"/>
+      <stop offset="0%" stop-color="#7eb8ff"/>
+      <stop offset="100%" stop-color="#8b3cf7"/>
     </linearGradient>
     <radialGradient id="glow" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" stop-color="#e8a020" stop-opacity="0.2"/>
-      <stop offset="100%" stop-color="#e8a020" stop-opacity="0"/>
+      <stop offset="0%" stop-color="#5b7ef7" stop-opacity="0.25"/>
+      <stop offset="100%" stop-color="#7c3af7" stop-opacity="0"/>
     </radialGradient>
   </defs>
   <rect width="512" height="512" rx="90" fill="#07070f"/>
   <rect width="512" height="512" rx="90" fill="url(#bg)"/>
-  <ellipse cx="256" cy="256" rx="210" ry="160" fill="url(#glow)"/>
+  <ellipse cx="256" cy="256" rx="220" ry="160" fill="url(#glow)"/>
   <!-- Equalizer bars: 5 bars, varying heights, vertically centered -->
   <rect x="103" y="196" width="50" height="120" rx="25" fill="url(#bar)"/>
   <rect x="167" y="151" width="50" height="210" rx="25" fill="url(#bar)"/>