Update CBS Mobile App codebase

src/modules/services/screens/CertificateListScreen.tsx

@@ -6,7 +6,7 @@ import type { ServicesStackParamList } from '../../../navigation/types';
 import { ScreenShell, Card, Button } from '../../../components';
 import { AppModal } from '../../../components/Modal';
 import { useToast } from '../../../hooks/useToast';
-import { useTheme } from '../../../theme';
+import { useTheme, fontFamily } from '../../../theme';
 
 type Props = NativeStackScreenProps<ServicesStackParamList, 'CertificateList'>;
 
@@ -28,7 +28,10 @@ export default function CertificateListScreen({ route }: Props) {
   };
 
   return (
-    <ScreenShell title={title} subtitle={`${mockDocs.length} documents available`}>
+    <ScreenShell
+      // The body is a FlatList, so it owns the scrolling.
+      scrollable={false}
+      title={title} subtitle={`${mockDocs.length} documents available`}>
       <FlatList
         data={mockDocs}
         keyExtractor={item => item.id}
@@ -85,9 +88,9 @@ export default function CertificateListScreen({ route }: Props) {
           <Text style={[styles.certTitle, { color: theme.colors.textPrimary }]}>{title}</Text>
           <View style={{ gap: 8, marginTop: 12 }}>
              <Text style={[styles.certText, { color: theme.colors.textSecondary }]}>
-               This officially certifies that the document <Text style={{fontWeight: '700', color: theme.colors.textPrimary}}>{viewingDoc}</Text> has been cryptographically generated and is valid.
+               This officially certifies that the document <Text style={{fontFamily: fontFamily.bold, color: theme.colors.textPrimary}}>{viewingDoc}</Text> has been cryptographically generated and is valid.
              </Text>
-             <Text style={[styles.certText, { color: theme.colors.textSecondary }]}>Reference Category: <Text style={{fontWeight: '700'}}>{category.toUpperCase()}</Text></Text>
+             <Text style={[styles.certText, { color: theme.colors.textSecondary }]}>Reference Category: <Text style={{fontFamily: fontFamily.bold}}>{category.toUpperCase()}</Text></Text>
              <Text style={[styles.certText, { color: theme.colors.textSecondary }]}>Account Bearer: Lincpay User</Text>
              <Text style={[styles.certText, { color: theme.colors.textSecondary }]}>Account #: XXXX-XXXX-1234</Text>
           </View>
@@ -146,13 +149,13 @@ const styles = StyleSheet.create({
     gap: 6,
   },
   docTitle: {
-    fontWeight: '700',
+    fontFamily: fontFamily.bold,
     fontSize: 16,
     letterSpacing: -0.3,
   },
   docMeta: {
     fontSize: 13,
-    fontWeight: '500',
+    fontFamily: fontFamily.medium,
   },
   divider: {
     height: 1,
@@ -182,12 +185,12 @@ const styles = StyleSheet.create({
     marginBottom: 12,
   },
   certBankName: {
-    fontWeight: '900',
+    fontFamily: fontFamily.bold,
     fontSize: 14,
     letterSpacing: 0.5,
   },
   certTitle: {
-    fontWeight: '800',
+    fontFamily: fontFamily.bold,
     fontSize: 18,
     textAlign: 'center',
   },
@@ -213,7 +216,7 @@ const styles = StyleSheet.create({
   signature: {
     fontStyle: 'italic',
     fontSize: 14,
-    fontWeight: '600',
+    fontFamily: fontFamily.semibold,
   },
 });