Added first favicon :)

frontend/nuxt.config.ts

@@ -6,5 +6,19 @@ export default defineNuxtConfig({
   routeRules: {
     '/' : {prerender: true},
     '/champion/**' : {swr: true}
+  },
+  app: {
+    head: {
+      link: [
+        { rel: 'icon', type: 'image/png', sizes: '96x96', href: '/favicon-96x96.png' },
+        { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+        { rel: 'shortcut icon', href: '/favicon.ico' },
+        { rel: 'apple-touch-icon', sizes: "180x180", href: '/apple-touch-icon.png' },
+        { rel: 'manifest', href: '/site.webmanifest' },
+      ],
+      meta: [
+        {name: "apple-mobile-web-app-title", content:"BuildPath"}
+      ]
+    }
   }
 })

frontend/public/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "BuildPath",
+  "short_name": "BuildPath",
+  "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": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}