fix navigation issue (onlight mode)

src/screens/LoginScreen.tsx

@@ -22,6 +22,7 @@ import Ionicons from '@react-native-vector-icons/ionicons';
 import MaterialRipple from 'react-native-material-ripple'; 
 import CustomAlert from '../components/CostomAlart';
 import colors from '../components/colors';
+import { responsiveFontSize } from 'react-native-responsive-dimensions';
 
 const { width } = Dimensions.get('window');
 const BLOCK_SIZE = width / 3;
@@ -226,7 +227,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   brand: {
-    fontSize: 28,
+    fontSize: responsiveFontSize(2.8),
     fontWeight: '700',
     color: colors.primary,
     textAlign: 'center',
@@ -237,14 +238,14 @@ const styles = StyleSheet.create({
     textShadowRadius: 2,
   },
   title: {
-    fontSize: 40,
+    fontSize: responsiveFontSize(4),
     fontWeight: 'bold',
     color: colors.textDark,
     textAlign: 'center',
     marginBottom: 14,
   },
   subtitle: {
-    fontSize: 16,
+    fontSize: responsiveFontSize(1.6),
     color: colors.textDark,
     textAlign: 'center',
     lineHeight: 26,
@@ -269,7 +270,7 @@ const styles = StyleSheet.create({
   },
   input: {
     flex: 1,
-    fontSize: 18,
+    fontSize: responsiveFontSize(1.8),
     fontWeight: '600',
     color: colors.textLight,
     height: 58,
@@ -302,10 +303,10 @@ const styles = StyleSheet.create({
   buttonText: {
     color: colors.white,
     fontWeight: '800',
-    fontSize: 18,
+    fontSize: responsiveFontSize(1.8),
   },
   footerText: {
-    fontSize: 14,
+    fontSize: responsiveFontSize(1.4),
     color: 'rgba(0,0,0,0.5)',
     marginTop: 28,
     textAlign: 'center',