feat(ui): styled basic skeloton for all screen

Author: shanuvr

frontend/screens/auth/PhoneScreen.tsx

@@ -66,6 +66,15 @@ export default function PhoneScreen() {
               {loading ? 'Sending OTP...' : 'Continue'}
             </Text>
           </Pressable>
+          <Pressable
+  onPress={() => router.push('/(auth)/login')}
+  style={styles.loginInstead}
+>
+  <Text style={styles.loginText}>
+    Already have an account? <Text style={styles.loginHighlight}>Login instead</Text>
+  </Text>
+</Pressable>
+
         </View>
       </View>
     </SafeAreaView>
@@ -138,4 +147,19 @@ const styles = StyleSheet.create({
     fontSize: 16,
     fontWeight: '600',
   },
+  loginInstead: {
+  marginTop: 20,
+  alignItems: 'center',
+},
+
+loginText: {
+  fontSize: 14,
+  color: '#555',
+},
+
+loginHighlight: {
+  color: '#000',
+  fontWeight: '600',
+},
+
 });

frontend/screens/profile/ProfileScreen.tsx

@@ -3,12 +3,11 @@ import { View, Text, StyleSheet, Pressable } from 'react-native';
 export default function ProfileScreen() {
   return (
     <View style={styles.container}>
-      {/* Header */}
+   
       <View style={styles.header}>
         <Text style={styles.title}>Profile</Text>
       </View>
 
-      {/* User info */}
       <View style={styles.userCard}>
         <View style={styles.avatar} />
         <View>
@@ -17,7 +16,6 @@ export default function ProfileScreen() {
         </View>
       </View>
 
-      {/* Actions */}
       <View style={styles.section}>
         <Pressable style={styles.row}>
           <Text style={styles.rowText}>Edit Profile</Text>