feat(frontend): implement centralized state management with Zustand (…

[Thosine-01]

Close #173

Summary

Implements centralized state management using Zustand, eliminating prop drilling and inconsistent UI state across the app.

Changes

Store Configuration

• Configured Zustand store with devtools and persist middleware
• Fixed SSR crash in persistence middleware using noopStorage fallback
• Added partialize to control exactly what gets persisted to localStorage
• Added typed selectors to store index

State Slices Created

• userSlice — profile, stats, achievements, activities
• questSlice — list, filters, pagination, loading/error state
• submissionSlice — submissions, drafts, status, pagination, optimistic updates
• notificationSlice — notifications, unread count (auto-derived), settings
• uiSlice — theme, sidebar, modals
• walletSlice — address, connection state, modal state, error

Hooks Connected to Store

• useProfile — reads/writes user state from store
• useQuests — reads/writes quest state from store
• useSubmissions — reads/writes submission state from store, exposes optimistic update
• useNotifications — reads/writes notification state from store

Wallet

• Refactored WalletContext to delegate all state to Zustand store
• Wallet kit instance stays local (non-serialisable), state is centralised

Components

• Fixed UserProfile — replaced full store selector with granular selectors to prevent unnecessary rerenders
• Simplified ProfilePage — removed redundant double state management

Checklist

• Store configured correctly
• All state slices created
• Selectors work efficiently
• Persistence saves to localStorage
• Devtools show state changes
• Optimistic updates implemented
• Components connected to store
• No prop drilling needed
• Repo starred ⭐

[drips-wave]

@Thosine-01 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits