Modernize Favicon Setup

apps/web/app/layout.tsx

@@ -38,7 +38,7 @@ export default function ParentLayout({
                 {/* Additional meta tags for better search engine recognition */}
                 <meta name='theme-color' content='#ffffff' />
                 <meta name='msapplication-TileColor' content='#ffffff' />
-                <meta name='msapplication-TileImage' content='/icon-512x512.png' />
+                <meta name='msapplication-TileImage' content='/icon-512.png' />
 
                 {/* Preload critical favicon for faster loading */}
                 <link rel='preload' href='/favicon.ico' as='image' type='image/x-icon' />
@@ -52,7 +52,7 @@ export default function ParentLayout({
                             url: 'https://vtchat.io.vn',
                             logo: {
                                 '@type': 'ImageObject',
-                                url: 'https://vtchat.io.vn/icon-512x512.png',
+                                url: 'https://vtchat.io.vn/icon-512.png',
                                 width: 512,
                                 height: 512,
                             },

apps/web/app/manifest.ts

@@ -16,33 +16,20 @@ export default function manifest(): MetadataRoute.Manifest {
         lang: 'en',
         icons: [
             {
-                src: '/favicon.ico',
-                sizes: '32x32',
-                type: 'image/x-icon',
-            },
-            {
-                src: '/icon-192x192.png',
+                src: '/icon-192.png',
                 sizes: '192x192',
                 type: 'image/png',
-                purpose: 'maskable',
             },
             {
-                src: '/icon-256x256.png',
-                sizes: '256x256',
-                type: 'image/png',
-                purpose: 'any',
-            },
-            {
-                src: '/icon-384x384.png',
-                sizes: '384x384',
+                src: '/icon-mask.png',
+                sizes: '512x512',
                 type: 'image/png',
-                purpose: 'any',
+                purpose: 'maskable',
             },
             {
-                src: '/icon-512x512.png',
+                src: '/icon-512.png',
                 sizes: '512x512',
                 type: 'image/png',
-                purpose: 'maskable',
             },
         ],
         screenshots: [
@@ -62,7 +49,7 @@ export default function manifest(): MetadataRoute.Manifest {
                 url: '/chat',
                 icons: [
                     {
-                        src: '/icon-192x192.png',
+                        src: '/icon-192.png',
                         sizes: '192x192',
                     },
                 ],
@@ -74,7 +61,7 @@ export default function manifest(): MetadataRoute.Manifest {
                 url: '/settings',
                 icons: [
                     {
-                        src: '/icon-192x192.png',
+                        src: '/icon-192.png',
                         sizes: '192x192',
                     },
                 ],

apps/web/app/page-metadata.ts

@@ -13,20 +13,10 @@ export const defaultMetadata: Metadata = {
     icons: {
         icon: [
             { url: '/favicon.ico', sizes: '32x32', type: 'image/x-icon' },
-            { url: '/icon-192x192.png', sizes: '192x192', type: 'image/png' },
-            { url: '/icon-512x512.png', sizes: '512x512', type: 'image/png' },
-            { url: '/logo.svg', type: 'image/svg+xml' },
+            { url: '/icon.svg', type: 'image/svg+xml' },
         ],
-        shortcut: [{ url: '/favicon.ico', type: 'image/x-icon' }],
         apple: [
-            { url: '/apple-icon.png', sizes: '180x180', type: 'image/png' },
-        ],
-        other: [
-            {
-                rel: 'mask-icon',
-                url: '/logo.svg',
-                color: '#000000',
-            },
+            { url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
         ],
     },
     description: