improve PWA function and add icon

vite.config.ts

@@ -10,24 +10,32 @@ export default defineConfig({
     tailwindcss(),
     VitePWA({
       registerType: 'autoUpdate',
-      includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'mask-icon.svg'],
+      includeAssets: ['icon.webp', 'vite.svg'],
       manifest: {
         name: 'Tasgrid',
         short_name: 'Tasgrid',
         description: 'Precision Productivity Task Manager',
-        theme_color: '#000000',
+        theme_color: '#0a0a0a',
+        background_color: '#0a0a0a',
+        display: 'standalone',
         icons: [
           {
-            src: 'pwa-192x192.png',
-            sizes: '192x192',
-            type: 'image/png',
-            purpose: 'any maskable'
+            src: 'icon.webp',
+            sizes: '1024x1024',
+            type: 'image/webp',
+            purpose: 'any'
           },
           {
-            src: 'pwa-512x512.png',
+            src: 'icon.webp',
+            sizes: '192x192',
+            type: 'image/webp',
+            purpose: 'maskable'
+          },
+          {
+            src: 'icon.webp',
             sizes: '512x512',
-            type: 'image/png',
-            purpose: 'any maskable'
+            type: 'image/webp',
+            purpose: 'any'
           }
         ]
       },