feat(pwa): add manifest, apple-web-app meta, viewportFit=cover

src/app/layout.tsx

@@ -30,7 +30,8 @@ const fragmentMono = Fragment_Mono({
 export const viewport: Viewport = {
   width: "device-width",
   initialScale: 1,
-  themeColor: "#0a0a0a",
+  themeColor: "#166534",
+  viewportFit: "cover",
 };
 
 export const metadata: Metadata = {
@@ -41,6 +42,25 @@ export const metadata: Metadata = {
   description: "Multi-tenant B2B e-commerce platform for fresh produce wholesale distribution. Brands sell to customers who pick up at scheduled stops or receive shipments.",
   keywords: ["wholesale produce", "farm fresh", "B2B e-commerce", "produce distribution", "pickup stops", "fresh produce"],
   metadataBase: new URL(BASE_URL),
+  manifest: "/manifest.json",
+  applicationName: "Route Commerce",
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "default",
+    title: "Route Commerce",
+  },
+  icons: {
+    icon: [
+      { url: "/favicon.ico", sizes: "any" },
+      { url: "/icons/icon-192x192.png", sizes: "192x192", type: "image/png" },
+    ],
+    apple: [
+      { url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" },
+      { url: "/apple-touch-icon-167.png", sizes: "167x167", type: "image/png" },
+      { url: "/apple-touch-icon-152.png", sizes: "152x152", type: "image/png" },
+    ],
+  },
+  formatDetection: { telephone: false },
   openGraph: {
     title: "Route Commerce | Fresh Produce Wholesale Platform",
     description: "Multi-tenant B2B e-commerce platform for fresh produce wholesale distribution.",