Add Positive Pay, statement guide v1.0, onboarding, and switch every feature on

- Positive Pay on the 12 Oct /pps contract (account number, not account ID):
  OTP enrollment, cheque submit, saved cheques, detail and stop payment.
  Full flow passed on the phone against mobile-banking-backend.lincpay.
- Statement & Mini Statement guide v1.0 (14 Oct): mini statement JSON on
  Home and the Statement screen; dated PDF export with the password rule.
- Onboarding slides and splash screen, Inter font, shared Icon and
  TypewriterText components, nearby branches via OpenStreetMap.
- Every feature switched on; the 14 Oct switch set is kept in
  featureConfig.stage-2026-10-14.ts. Loans run on demo data until the
  backend has /loans routes.
- npm run android wraps run-android for shells spawned from VS Code.
- OpenProject work packages updated to 14-10-2026 status, with screenshots
  of Positive Pay, statement, loans and cards.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/modules/awareness/screens/AwarenessListScreen.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FlatList, ScrollView, StyleSheet, Text, View, Pressable } from 'react-native';
 import { NativeStackScreenProps } from '@react-navigation/native-stack';
-import Ionicons from '@react-native-vector-icons/ionicons';
+import { Icon } from '../../../components/Icon';
 
 import { Input, ScreenShell } from '../../../components';
 import { ServicesStackParamList } from '../../../navigation/types';
@@ -36,7 +36,7 @@ export default function AwarenessListScreen({ navigation }: Props) {
           placeholder="Search safety tips, fraud alerts..."
           value={filter.searchQuery}
           onChangeText={handleSearch}
-          leftAccessory={<Ionicons name="search-outline" size={20} color={theme.colors.textMuted} />}
+          leftAccessory={<Icon name="search-outline" size={20} color={theme.colors.textMuted} />}
         />
       </View>
 
@@ -86,7 +86,7 @@ export default function AwarenessListScreen({ navigation }: Props) {
             {urgentArticles.length > 0 && filter.category === 'All' && filter.searchQuery === '' && (
               <View style={styles.urgentSection}>
                 <View style={styles.sectionHeader}>
-                  <Ionicons name="alert-circle" size={18} color={theme.colors.error} />
+                  <Icon name="alert-circle" size={18} color={theme.colors.error} />
                   <Text style={[styles.sectionTitle, { color: theme.colors.textPrimary }]}>
                     Critical Security Alerts
                   </Text>
@@ -96,10 +96,10 @@ export default function AwarenessListScreen({ navigation }: Props) {
                     <Pressable
                       key={article.id}
                       onPress={() => navigation.navigate('AwarenessDetail', { articleId: article.id })}
-                      style={[styles.urgentCard, { backgroundColor: `${theme.colors.error}08`, borderColor: `${theme.colors.error}20` }]}
+                      style={[styles.urgentCard, { backgroundColor: theme.tint(theme.colors.error, 0.03), borderColor: theme.tint(theme.colors.error, 0.13) }]}
                     >
-                      <View style={[styles.urgentIcon, { backgroundColor: `${theme.colors.error}15` }]}>
-                        <Ionicons name={article.icon as any} size={20} color={theme.colors.error} />
+                      <View style={[styles.urgentIcon, { backgroundColor: theme.tint(theme.colors.error, 0.08) }]}>
+                        <Icon name={article.icon as any} size={20} color={theme.colors.error} />
                       </View>
                       <Text style={[styles.urgentCardTitle, { color: theme.colors.textPrimary }]} numberOfLines={1}>
                         {article.title}
@@ -122,7 +122,7 @@ export default function AwarenessListScreen({ navigation }: Props) {
         contentContainerStyle={styles.listContent}
         ListEmptyComponent={
           <View style={styles.emptyContainer}>
-            <Ionicons name="search-outline" size={48} color={theme.colors.textMuted} />
+            <Icon name="search-outline" size={48} color={theme.colors.textMuted} />
             <Text style={[styles.emptyTitle, { color: theme.colors.textPrimary }]}>No results found</Text>
             <Text style={[styles.emptySubtitle, { color: theme.colors.textSecondary }]}>
               Try adjusting your search or filters to find what you're looking for.