fix: Ajouter les icônes et manifests de favicon.io avec configuration complète

app/layout.tsx

@@ -57,8 +57,11 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         <meta name="description" content="Plateforme de gestion de paie Odentas" />
         <link rel="icon" href="/favicon.ico" sizes="any" />
         <link rel="icon" href="/favicon.png" type="image/png" />
-        <link rel="apple-touch-icon" href="/favicon.png" />
+        <link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png" />
+        <link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png" />
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
         <link rel="manifest" href="/manifest.json" />
+        <link rel="alternate" href="/site.webmanifest" type="application/manifest+json" />
         <meta name="theme-color" content="#2D7FF9" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
       </head>

public/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Espace Paie Odentas",
-  "short_name": "Odentas Paie",
+  "short_name": "Espace Paie",
   "description": "Plateforme de gestion de paie Odentas",
   "start_url": "/",
   "display": "standalone",
@@ -12,6 +12,21 @@
       "sizes": "any",
       "type": "image/png",
       "purpose": "any maskable"
+    },
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
     }
   ]
 }

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}