Add PWA icons and manifest for iOS/Android home screen

public/manifest.webmanifest

@@ -0,0 +1,13 @@
+{
+  "name": "BincioWiki",
+  "short_name": "BincioWiki",
+  "description": "Bincio personal wiki",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#0d0d0d",
+  "theme_color": "#0d0d0d",
+  "icons": [
+    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+  ]
+}

src/components/BaseHead.astro

@@ -18,6 +18,9 @@ const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1" />
 <link rel="icon" type="image/x-icon" href="/favicon-light.png" />
+<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+<link rel="manifest" href="/manifest.webmanifest" />
+<meta name="theme-color" content="#0d0d0d" />
 <meta name="generator" content={Astro.generator} />
 
 <!-- Font preloads -->