Add favicon

apps/web/public/manifest.json

@@ -0,0 +1,21 @@
+{
+  "name": "CouncilHaus",
+  "short_name": "CouncilHaus",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#111827",
+  "background_color": "#111827",
+  "display": "standalone"
+}

apps/web/src/app/root.tsx

@@ -25,6 +25,18 @@ import styles from "@repo/ui/globals.css?url";
 
 export function links() {
   return [
+    {
+      rel: "icon",
+      href: "/logo-dark.svg",
+      type: "image/svg+xml",
+    },
+    { rel: "shortcut icon", href: "/favicon.ico" },
+    {
+      rel: "apple-touch-icon",
+      sizes: "180x180",
+      href: "/apple-touch-icon.png",
+    },
+    { rel: "manifest", href: "/manifest.json" },
     { rel: "stylesheet", href: styles },
     { rel: "stylesheet", href: rainbowStyles },
   ];
@@ -36,14 +48,6 @@ export const meta: MetaFunction = () => [
     title: SITE_NAME,
     viewport: "width=device-width,initial-scale=1",
   },
-  {
-    rel: "icon",
-    href: "/logo-dark.svg",
-    type: "image/svg+xml",
-  },
-  { rel: "shortcut icon", href: "/favicon.ico" },
-  { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" },
-  { rel: "manifest", href: "/manifest.json" },
   { name: "description", content: SITE_DESCRIPTION },
   { name: "theme-color", content: "#111827" },
   { name: "color-scheme", content: "dark" },