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/__tests__/stores/matchStore.test.ts

@@ -18,8 +18,8 @@ function createThenableQuery(result: any) {
 describe('matchStore', () => {
     beforeEach(() => {
         jest.clearAllMocks();
-        useMatchStore.setState({ matches: [], newMatchesCount: 0 } as any);
-        useAuthStore.setState({ user: { id: 'me' } } as any);
+        useMatchStore.setState({ matches: [], newMatchesCount: 0, isLoading: false, error: null } as any);
+        useAuthStore.setState({ user: { id: 'me', couple_id: 'couple1' } } as any);
     });
 
     it('sorts matches with unread messages first', async () => {

apps/mobile/src/__tests__/stores/messageStore.test.ts

@@ -42,12 +42,14 @@ describe('messageStore', () => {
     });
 
     it('markMatchMessagesAsRead updates Supabase and refetches unread count', async () => {
+        const unreadCountQuery = createThenableQuery({ count: 2 }); // count before marking
         const updateQuery = createThenableQuery({});
-        const countQuery = createThenableQuery({ count: 0 });
+        const finalCountQuery = createThenableQuery({ count: 0 }); // count after marking
 
         (supabase.from as jest.Mock)
-            .mockReturnValueOnce(updateQuery)
-            .mockReturnValueOnce(countQuery);
+            .mockReturnValueOnce(unreadCountQuery) // count unread messages first
+            .mockReturnValueOnce(updateQuery) // update messages
+            .mockReturnValueOnce(finalCountQuery); // fetchUnreadCount
 
         await useMessageStore.getState().markMatchMessagesAsRead('m1');