fix navigation issue (onlight mode)

src/screens/home/user-home/CycleDashboard.tsx

@@ -10,6 +10,7 @@ import {
     Platform,
 } from 'react-native';
 import { Ionicons } from "@react-native-vector-icons/ionicons"; import colors from "../../../components/colors"; // Assuming a colors file
+import { responsiveFontSize } from 'react-native-responsive-dimensions';
 
 // Enable LayoutAnimation for Android
 if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
@@ -125,7 +126,7 @@ const CycleItem = ({ item, isExpanded, onToggle }: { item: Cycle, isExpanded: bo
                                 <View style={{ flex: 1, marginLeft: 10 }}>
                                     <Text style={styles.contributorName} numberOfLines={1} > {contribution.userName}</Text>
                                     <Text style={styles.contributionDate}>{formatDate(contribution.paidDate)}</Text>
-                                    <Text style={{color: contribution.status === 'SUCCESS' ? 'green' : contribution.status === 'PENDING' ? 'orange' : 'red', fontSize:12, textTransform:'capitalize'}}>{contribution.status}</Text>
+                                    <Text style={{color: contribution.status === 'SUCCESS' ? 'green' : contribution.status === 'PENDING' ? 'orange' : 'red', fontSize:responsiveFontSize(1.5), textTransform:'capitalize'}}>{contribution.status}</Text>
                                 </View>
                                 <Text style={styles.contributionAmount}>{formatCurrency(contribution.totalAmount)}</Text>
                             </View>
@@ -201,7 +202,7 @@ const styles = StyleSheet.create({
         marginBottom: 20,
     },
     groupName: {
-        fontSize: 24,
+        fontSize: responsiveFontSize(2.4),
         fontWeight: 'bold',
         color: '#1e293b',
         marginBottom: 15,
@@ -214,12 +215,12 @@ const styles = StyleSheet.create({
         alignItems: 'center',
     },
     summaryLabel: {
-        fontSize: 14,
+        fontSize: responsiveFontSize(1.4),
         color: '#64748b',
         marginBottom: 4,
     },
     summaryValue: {
-        fontSize: 16,
+        fontSize: responsiveFontSize(1.6),
         fontWeight: '600',
         color: '#0f172a',
     },
@@ -242,12 +243,12 @@ const styles = StyleSheet.create({
         padding: 16,
     },
     cycleTitle: {
-        fontSize: 18,
+        fontSize: responsiveFontSize(1.8),
         fontWeight: '600',
         color: '#1e293b',
     },
     cycleDateRange: {
-        fontSize: 13,
+        fontSize: responsiveFontSize(1.3),
         color: '#64748b',
         marginTop: 2,
     },
@@ -261,7 +262,7 @@ const styles = StyleSheet.create({
         marginTop: 16,
     },
     sectionTitle: {
-        fontSize: 16,
+        fontSize: responsiveFontSize(1.6),
         fontWeight: '600',
         color: '#334155',
         marginBottom: 12,
@@ -279,16 +280,16 @@ const styles = StyleSheet.create({
         marginLeft: 12,
     },
     withdrawalUser: {
-        fontSize: 15,
+        fontSize: responsiveFontSize(1.5),
         fontWeight: 'bold',
         color: colors.Home
     },
     withdrawalAmount: {
-        fontSize: 14,
+        fontSize: responsiveFontSize(1.4),
         color: colors.Home
     },
     withdrawalDate: {
-        fontSize: 12,
+        fontSize: responsiveFontSize(1.2),
         color: '#475569'
     },
     // Contribution Item
@@ -303,15 +304,15 @@ const styles = StyleSheet.create({
         borderBottomColor: '#f1f5f9',
     },
     contributorName: {
-        fontSize: 15,
+        fontSize: responsiveFontSize(1.5),
         color: '#1e293b',
     },
     contributionDate: {
-        fontSize: 12,
+        fontSize: responsiveFontSize(1.2),
         color: '#64748b',
     },
     contributionAmount: {
-        fontSize: 15,
+        fontSize: responsiveFontSize(1.5),
         fontWeight: '500',
         color: '#1e293b',
     },