feat: explore tab, React Query data layer, programs, sync, analytics, testing infrastructure

- Replace browse tab with Supabase-connected explore tab with filters
- Add React Query for data fetching with loading states
- Add 3 structured programs with weekly progression
- Add Supabase anonymous auth sync service
- Add PostHog analytics with screen tracking and events
- Add comprehensive test strategy (Vitest + Maestro E2E)
- Add RevenueCat subscription system with DEV simulation
- Add i18n translations for new screens (EN/FR/DE/ES)
- Add data deletion modal, sync consent modal
- Add assessment screen and program routes
- Add GitHub Actions CI workflow
- Update activity store with sync integration

app/(tabs)/profile.tsx

@@ -17,11 +17,13 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context'
 import * as Linking from 'expo-linking'
 import Constants from 'expo-constants'
 import { useTranslation } from 'react-i18next'
-import { useMemo } from 'react'
+import { useMemo, useState } from 'react'
 import { useUserStore } from '@/src/shared/stores'
 import { requestNotificationPermissions, usePurchases } from '@/src/shared/hooks'
 import { useThemeColors, BRAND } from '@/src/shared/theme'
 import type { ThemeColors } from '@/src/shared/theme/types'
+import { DataDeletionModal } from '@/src/shared/components/DataDeletionModal'
+import { deleteSyncedData } from '@/src/shared/services/sync'
 
 // ═══════════════════════════════════════════════════════════════════════════
 // STYLED TEXT COMPONENT
@@ -69,7 +71,9 @@ export default function ProfileScreen() {
   const settings = useUserStore((s) => s.settings)
   const updateSettings = useUserStore((s) => s.updateSettings)
   const updateProfile = useUserStore((s) => s.updateProfile)
+  const setSyncStatus = useUserStore((s) => s.setSyncStatus)
   const { restorePurchases, isPremium } = usePurchases()
+  const [showDeleteModal, setShowDeleteModal] = useState(false)
 
   const planLabel = isPremium ? 'TabataFit+' : t('profile.freePlan')
   const avatarInitial = profile.name?.[0]?.toUpperCase() || 'U'
@@ -95,6 +99,14 @@ export default function ProfileScreen() {
     await restorePurchases()
   }
 
+  const handleDeleteData = async () => {
+    const result = await deleteSyncedData()
+    if (result.success) {
+      setSyncStatus('unsynced', null)
+      setShowDeleteModal(false)
+    }
+  }
+
   const handleReminderToggle = async (enabled: boolean) => {
     if (enabled) {
       const granted = await requestNotificationPermissions()
@@ -268,6 +280,28 @@ export default function ProfileScreen() {
         )}
       </View>
 
+      {/* ════════════════════════════════════════════════════════════════════
+          PERSONALIZATION (PREMIUM ONLY)
+      ═══════════════════════════════════════════════════════════════════ */}
+      {isPremium && (
+        <>
+          <Text style={styles.sectionHeader}>Personalization</Text>
+          <View style={styles.section}>
+            <View style={[styles.row, styles.rowLast]}>
+              <Text style={styles.rowLabel}>
+                {profile.syncStatus === 'synced' ? 'Personalization Enabled' : 'Generic Programs'}
+              </Text>
+              <Text
+                size={14}
+                color={profile.syncStatus === 'synced' ? BRAND.SUCCESS : colors.text.tertiary}
+              >
+                {profile.syncStatus === 'synced' ? '✓' : '○'}
+              </Text>
+            </View>
+          </View>
+        </>
+      )}
+
       {/* ════════════════════════════════════════════════════════════════════
           ABOUT
       ═══════════════════════════════════════════════════════════════════ */}
@@ -319,6 +353,13 @@ export default function ProfileScreen() {
         </TouchableOpacity>
       </View>
       </ScrollView>
+
+      {/* Data Deletion Modal */}
+      <DataDeletionModal
+        visible={showDeleteModal}
+        onDelete={handleDeleteData}
+        onCancel={() => setShowDeleteModal(false)}
+      />
     </View>
   )
 }