More changes than expected. Mobile version improvements & PWA

frontend/vite.config.js

@@ -1,15 +1,44 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { VitePWA } from 'vite-plugin-pwa';
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      strategies: 'injectManifest',
+      srcDir: 'src',
+      filename: 'sw.js',
+      injectRegister: 'auto',
+      devOptions: {
+        enabled: true,
+        type: 'module',
+        navigateFallback: 'index.html',
+      },
+      manifest: {
+        name: 'FarmaFinder',
+        short_name: 'FarmaFinder',
+        description: 'Find pharmacies that stock the medicine you need',
+        theme_color: '#0f766e',
+        background_color: '#ffffff',
+        display: 'standalone',
+        start_url: '/',
+        icons: [
+          { src: '/icon.svg', sizes: '192x192', type: 'image/svg+xml', purpose: 'any' },
+          { src: '/icon.svg', sizes: '512x512', type: 'image/svg+xml', purpose: 'any' },
+          { src: '/icon-mask.svg', sizes: '512x512', type: 'image/svg+xml', purpose: 'maskable' },
+        ],
+      },
+    }),
+  ],
   test: {
     environment: 'jsdom',
     setupFiles: ['./src/test/setup.js'],
     globals: true,
   },
   server: {
-    allowedHosts: ['localhost', 'oligocarpous-bilaterally-keiko.ngrok-free.dev'],
+    allowedHosts: ['localhost', 'farmacias.hacecalor.net'],
     port: 3000,
     proxy: {
       '/api': {