Update CBS Mobile App codebase

src/components/DatePicker/index.tsx

@@ -12,7 +12,7 @@ import {
 import Ionicons from '@react-native-vector-icons/ionicons';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
 
-import { useTheme } from '../../theme';
+import { useTheme, fontFamily } from '../../theme';
 
 const SCREEN_WIDTH = Dimensions.get('window').width;
 const DAY_SIZE = Math.floor((SCREEN_WIDTH - 80) / 7);
@@ -273,8 +273,8 @@ export const DatePicker = ({
                   style={[
                     styles.dayText,
                     { color: theme.colors.textPrimary },
-                    isSelected && { color: theme.colors.white, fontWeight: '800' },
-                    isToday && !isSelected && { color: theme.colors.primary, fontWeight: '700' },
+                    isSelected && { color: theme.colors.white, fontFamily: fontFamily.bold },
+                    isToday && !isSelected && { color: theme.colors.primary, fontFamily: fontFamily.bold },
                     disabled && { color: theme.colors.textMuted, opacity: 0.4 },
                   ]}
                 >
@@ -287,7 +287,7 @@ export const DatePicker = ({
       </View>
 
       {/* Footer */}
-      <View style={styles.calendarFooter}>
+      <View style={[styles.calendarFooter, { borderTopColor: theme.colors.cardBorder }]}>
         <Pressable onPress={() => setVisible(false)} style={[styles.footerBtn, { borderColor: theme.colors.cardBorder }]}>
           <Text style={[styles.footerBtnText, { color: theme.colors.textMuted }]}>Cancel</Text>
         </Pressable>
@@ -299,7 +299,7 @@ export const DatePicker = ({
           }}
           style={[styles.footerBtn, styles.todayBtn, { backgroundColor: `${theme.colors.primary}12` }]}
         >
-          <Text style={[styles.footerBtnText, { color: theme.colors.primary, fontWeight: '700' }]}>Today</Text>
+          <Text style={[styles.footerBtnText, { color: theme.colors.primary, fontFamily: fontFamily.bold }]}>Today</Text>
         </Pressable>
       </View>
     </>
@@ -382,7 +382,7 @@ export const DatePicker = ({
                   styles.yearRowText,
                   {
                     color: isActive ? theme.colors.primary : theme.colors.textPrimary,
-                    fontWeight: isActive ? '800' : '500',
+                    fontFamily: isActive ? fontFamily.bold : fontFamily.medium,
                   },
                 ]}
               >
@@ -462,7 +462,7 @@ const styles = StyleSheet.create({
   },
   label: {
     fontSize: 11,
-    fontWeight: '700',
+    fontFamily: fontFamily.bold,
     letterSpacing: 0.5,
     marginLeft: 4,
   },
@@ -477,11 +477,11 @@ const styles = StyleSheet.create({
   inputText: {
     flex: 1,
     fontSize: 15,
-    fontWeight: '500',
+    fontFamily: fontFamily.medium,
   },
   errorText: {
     fontSize: 12,
-    fontWeight: '500',
+    fontFamily: fontFamily.medium,
     marginTop: 2,
     marginLeft: 4,
   },
@@ -528,11 +528,11 @@ const styles = StyleSheet.create({
   },
   monthText: {
     fontSize: 18,
-    fontWeight: '800',
+    fontFamily: fontFamily.bold,
   },
   yearText: {
     fontSize: 13,
-    fontWeight: '600',
+    fontFamily: fontFamily.semibold,
     marginTop: 2,
   },
 
@@ -544,7 +544,7 @@ const styles = StyleSheet.create({
   },
   weekdayText: {
     fontSize: 12,
-    fontWeight: '700',
+    fontFamily: fontFamily.bold,
     letterSpacing: 0.5,
   },
   daysGrid: {
@@ -558,7 +558,7 @@ const styles = StyleSheet.create({
   },
   dayText: {
     fontSize: 14,
-    fontWeight: '500',
+    fontFamily: fontFamily.medium,
   },
 
   // ── Footer ───────────────────────────────────
@@ -569,7 +569,6 @@ const styles = StyleSheet.create({
     marginTop: 16,
     paddingTop: 12,
     borderTopWidth: 1,
-    borderTopColor: 'rgba(0,0,0,0.05)',
   },
   footerBtn: {
     paddingHorizontal: 20,
@@ -583,7 +582,7 @@ const styles = StyleSheet.create({
   },
   footerBtnText: {
     fontSize: 14,
-    fontWeight: '600',
+    fontFamily: fontFamily.semibold,
   },
 
   // ── Month / Year picker shared ───────────────
@@ -595,7 +594,7 @@ const styles = StyleSheet.create({
   },
   pickerTitle: {
     fontSize: 17,
-    fontWeight: '800',
+    fontFamily: fontFamily.bold,
   },
 
   // ── Month picker grid ────────────────────────
@@ -615,7 +614,7 @@ const styles = StyleSheet.create({
   },
   monthCellText: {
     fontSize: 15,
-    fontWeight: '700',
+    fontFamily: fontFamily.bold,
   },
 
   // ── Year picker list ─────────────────────────