feat(pwa): manifest + icônes 192/512/maskable + Apple touch + viewport theme-color

src/app/layout.tsx

@@ -52,6 +52,21 @@ export const metadata: Metadata = {
   },
   description:
     "Karbé, la marketplace de location de carbets fluviaux de Guyane.",
+  manifest: "/manifest.webmanifest",
+  applicationName: "Karbé",
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "black-translucent",
+    title: "Karbé",
+  },
+  icons: {
+    icon: [
+      { url: "/icons/favicon-32.png", sizes: "32x32", type: "image/png" },
+      { url: "/icons/icon-192.png", sizes: "192x192", type: "image/png" },
+      { url: "/icons/icon-512.png", sizes: "512x512", type: "image/png" },
+    ],
+    apple: "/icons/apple-touch-icon.png",
+  },
   openGraph: {
     type: "website",
     siteName: "Karbé",
@@ -62,6 +77,13 @@ export const metadata: Metadata = {
   },
 };
 
+export const viewport = {
+  themeColor: "#059669",
+  width: "device-width",
+  initialScale: 1,
+  viewportFit: "cover" as const,
+};
+
 export default async function RootLayout({
   children,
 }: Readonly<{