feat: set app icons, PWA manifest, and favicons

backend/dashboard/index.html

@@ -2,9 +2,17 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>LMR Dashboard</title>
+
+    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
+    <link rel="icon" type="image/png" sizes="64x64" href="/icon-64.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/icon-16.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <meta name="theme-color" content="#7c3aed" />
+
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap" rel="stylesheet">

backend/dashboard/public/icon.svg

@@ -0,0 +1,35 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#7c3aed"></stop>
+      <stop offset="100%" stop-color="#3b0a8a"></stop>
+    </linearGradient>
+    <linearGradient id="shine" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="rgba(255,255,255,0.16)"></stop>
+      <stop offset="55%" stop-color="rgba(255,255,255,0)"></stop>
+    </linearGradient>
+  </defs>
+
+  
+  <rect width="512" height="512" rx="112" fill="url(#bg)"></rect>
+  <rect width="512" height="320" rx="112" fill="url(#shine)"></rect>
+
+  
+  
+  <rect x="72" y="140" width="248" height="56" rx="16" fill="white" opacity="0.95"></rect>
+
+  
+  <rect x="72" y="228" width="200" height="56" rx="16" fill="white" opacity="0.28"></rect>
+
+  
+  <rect x="72" y="316" width="224" height="56" rx="16" fill="white" opacity="0.28"></rect>
+
+  
+  <rect x="320" y="158" width="72" height="20" rx="10" fill="white" opacity="0.95"></rect>
+
+  
+  <polygon points="392,136 440,168 392,200" fill="white" opacity="0.95"></polygon>
+
+  
+  <circle cx="104" cy="168" r="12" fill="#7c3aed" opacity="0.9"></circle>
+</svg>

backend/dashboard/public/site.webmanifest

@@ -0,0 +1,13 @@
+{
+  "name": "Local Model Routex",
+  "short_name": "Routex",
+  "description": "Local model router & gateway dashboard",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#09090b",
+  "theme_color": "#7c3aed",
+  "icons": [
+    { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+  ]
+}