Refactor frontend service worker to use Workbox for better caching strategies

[Smartdevs17]

Description

Service worker is hand-rolled with basic caching. Refactor to use Workbox library for sophisticated caching strategies, runtime caching, and background sync.

Acceptance Criteria

• Workbox integration with Next.js service worker
• Cache-first strategy for static assets
• Network-first with cache fallback for API calls
• Background sync for offline mutations
• Cache cleanup and quota management
• Service worker update flow with user notification

Technical Scope

• frontend/service-worker.ts
• frontend/components/PWAWrapper.tsx
• Edge: concurrent service worker versions, cache invalidation on deployment

[Anthony-19]

@Anthony-19 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi Maintainer, I would love to jump on this.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Anthony-19 to this issue.

[teethaking]

@teethaking has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

hello maintainer, may i work on this issue?
I've worked on similar issues and will submit PR in less than 48hours.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @teethaking to this issue.

[iamTissan]

@iamTissan has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hey team! I'm Tissan, a software developer working with Next.js, TypeScript, and progressive web app architectures. I'd love to take on this refactor to integrate Workbox into the service worker. I have experience managing production-level configurations and handling complex state transitions, so setting up precision cache-first strategies for static assets, network-first fallbacks for API paths, and robust background sync for offline mutations is right in my wheelhouse. I'm also mindful of edge cases like concurrent service worker versioning and cache invalidation on deployment. I can deliver a clean, well-documented refactor well before the deadline, please let me know if I can be assigned!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @iamTissan to this issue.

[Jumongweb]

@Jumongweb has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi maintainer, i will like to solve this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Jumongweb to this issue.

[samsonmbah002]

@samsonmbah002 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Good day. Please can i work on these issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @samsonmbah002 to this issue.

[drips-wave]

Congratulations, @samsonmbah002! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @samsonmbah002: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊