docs: add favicon

docs/.vitepress/config.mts

@@ -8,7 +8,6 @@ export default defineConfig({
   metaChunk: true,
 
   head: [
-    ['link', { rel: 'icon', type: 'image/png', href: '/images/logo.png' }],
     ['meta', { name: 'theme-color', content: '#3399ff' }],
     ['meta', { property: 'og:type', content: 'website' }],
     ['meta', { property: 'og:locale', content: 'en' }],
@@ -16,6 +15,11 @@ export default defineConfig({
     ['meta', { property: 'og:site_name', content: 'Sky Follower Bridge' }],
     ['meta', { property: 'og:image', content: 'https://sky-follower-bridge-docs.vercel.app/og-image.png' }],
     ['meta', { property: 'og:url', content: 'https://sky-follower-bridge-docs.vercel.app/' }],
+    ['link', { rel: 'icon', type: 'image/png', href: '/favicon/favicon-96x96.png', sizes: '96x96' }],
+    ['link', { rel: 'icon', type: 'image/svg+xml', href: '/favicon/favicon.svg' }],
+    ['link', { rel: 'shortcut icon', href: '/favicon/favicon.ico' }],
+    ['link', { rel: 'apple-touch-icon', sizes: '180x180', href: '/favicon/apple-touch-icon.png' }],
+    ['link', { rel: 'manifest', href: '/favicon/site.webmanifest' }],
   ],
 
   description: "Sky Follower Bridge is a Chrome extension that allows you to follow users on Bluesky from your own account.",

docs/public/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "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"
+}