Add PWA support and responsive layout improvements:

- Integrate `vite-plugin-pwa` with automatic updates and manifest configuration for PWA support.
- Create `PWADownload.vue` component to guide users on installing the app.
- Add `/download` route in `router.js` for accessing the PWA download page.
- Improve responsive layout handling in `DefaultPageWrapper.vue` for better mobile adaptation.
- Update dependencies in `package.json` and `package-lock.json` to reflect PWA integration.

vite.config.js

@@ -5,6 +5,8 @@ import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 import { viteSingleFile } from 'vite-plugin-singlefile'
 import { resolve } from 'path'
+import { VitePWA } from 'vite-plugin-pwa'
+
 
 import VueJsx from '@vitejs/plugin-vue-jsx'
 
@@ -15,7 +17,35 @@ export default defineConfig({
     vue(),
     VueJsx(),
     vueDevTools(),
-    viteSingleFile()
+    viteSingleFile(),
+    VitePWA({
+        registerType: 'autoUpdate',
+        devOptions: {
+            enabled: true
+        },
+        workbox: {
+            maximumFileSizeToCacheInBytes: 5000000, // 5MB
+        },
+        manifest: {
+            name: 'Pleno',
+            short_name: 'pleno',
+            description: 'Access your Pleno accounts and transactions from anywhere.',
+            theme_color: '#063651',
+            background_color: '#0787bb',
+            icons: [
+                {
+                    src: '/icons/icon-192x192.png',
+                    sizes: '192x192',
+                    type: 'image/png'
+                },
+                {
+                    src: '/icons/icon-512x512.png',
+                    sizes: '512x512',
+                    type: 'image/png'
+                }
+            ]
+        }
+    }),
   ],
   resolve: {
     alias: {