refactor screens, navigation & player for new architecture

Simplify Home, Activity, Profile, Complete, Player, and Program screens
to work with the new Supabase-driven data layer. Update root and tab
layouts. Add Settings, Terms, and Zone routes. Add OfflineBanner
component and progressStore. Update all player sub-components to use
the refreshed design system tokens.

app/paywall.tsx

@@ -284,6 +284,20 @@ export default function PaywallScreen() {
             onPress={handleRestore}
           />
 
+          <View style={styles.legalLinks}>
+            <Pressable onPress={() => router.push('/terms')}>
+              <StyledText size={11} color={colors.text.tertiary} style={{ textDecorationLine: 'underline' }}>
+                {t('paywall.termsLink')}
+              </StyledText>
+            </Pressable>
+            <StyledText size={11} color={colors.text.tertiary}> · </StyledText>
+            <Pressable onPress={() => router.push('/terms')}>
+              <StyledText size={11} color={colors.text.tertiary} style={{ textDecorationLine: 'underline' }}>
+                {t('paywall.privacyLink')}
+              </StyledText>
+            </Pressable>
+          </View>
+
           <StyledText size={11} color={colors.text.tertiary} style={{ textAlign: 'center', lineHeight: 18, paddingHorizontal: SPACING[4] }}>
             {t('paywall.terms')}
           </StyledText>
@@ -437,5 +451,10 @@ function createStyles(colors: ThemeColors) {
       lineHeight: 18,
       paddingHorizontal: SPACING[4],
     },
+    legalLinks: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: SPACING[1],
+    },
   })
 }