Improve mobile data retrieval and state management

- Add race protection and packId normalization to swipe screen
- Add loading/error states to matchStore with couple_id filter
- Sync per-match unread counts in realtime
- Use useFocusEffect for data freshness on Home screen
- Wire RefreshControl to actual loading state on Matches

🤖 Generated with [Claude Code](https://claude.com/claude-code)

apps/mobile/src/store/packsStore.ts

@@ -11,6 +11,7 @@ interface PacksState {
     isLoading: boolean;
     fetchPacks: () => Promise<void>;
     fetchEnabledPacks: () => Promise<void>;
+    ensureEnabledPacksLoaded: () => Promise<void>;
     togglePack: (packId: string) => Promise<{ success: boolean; reason?: string }>;
     clearPacks: () => void;
 }
@@ -74,6 +75,16 @@ export const usePacksStore = create<PacksState>((set, get) => ({
         set({ enabledPackIds: ids });
     },
 
+    ensureEnabledPacksLoaded: async () => {
+        // Only fetch if not already loaded - lightweight check for swipe screen
+        const coupleId = useAuthStore.getState().user?.couple_id;
+        if (!coupleId) return;
+
+        if (get().enabledPackIds.length === 0) {
+            await get().fetchEnabledPacks();
+        }
+    },
+
     togglePack: async (packId: string): Promise<{ success: boolean; reason?: string }> => {
         const coupleId = useAuthStore.getState().user?.couple_id;
         if (!coupleId) {