Fix stale service worker caching causing blank screen after deployment

[abhishek-2k23]

Closes #960

Description

This PR replaces the custom service worker implementation with a safer vite-plugin-pwa configuration to prevent stale HTML and JS caching issues that caused blank screens after deployment.

---

Problem

The previous service worker:

• Permanently cached index.html
• Did not refresh cache on new deployments
• Served outdated HTML referencing deleted hashed JS files
• Intercepted API routes unintentionally

This caused:

• White screen after deployment
• Failed to load module script errors
• Required manual "Empty cache and hard reload"

---

Changes Made

• Removed custom service-worker.js

• Removed manual service worker registration

• Implemented vite-plugin-pwa

• Disabled automatic precaching of large JS bundles

• Configured runtime caching:

  • NetworkFirst for navigation (HTML)
  • NetworkOnly for /api/*
  • StaleWhileRevalidate for styles
  • CacheFirst for images

• Enabled automatic service worker updates using registerType: 'autoUpdate'

---

Result

• No more stale HTML
• No more blank screen after deployment
• No JS precaching issues
• No API interference
• Safe for Vercel deployments
• Installable PWA remains functional

---

Testing

• Deployed new build
• Verified that new deployment loads correctly without manual cache clearing
• Confirmed no module loading errors in DevTools
• Verified service worker is active and controlling the page

What type of PR is this? (Check all applicable)

• 🍕 Feature
• 🐛 Bug Fix
• 📄 Documentation Update
• 👨‍💻 Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🛠️ CI/CD

Screenshots (if applicable)

/ or index.html file not cached. Only required assets and files cached

Checklist

• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud