feat(ui): styled basic skeleton for all screen

Author: shanuvr

frontend/screens/auth/PhoneScreen.tsx

@@ -67,14 +67,14 @@ export default function PhoneScreen() {
             </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>
-
+            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>
@@ -148,18 +148,17 @@ const styles = StyleSheet.create({
     fontWeight: '600',
   },
   loginInstead: {
-  marginTop: 20,
-  alignItems: 'center',
-},
-
-loginText: {
-  fontSize: 14,
-  color: '#555',
-},
+    marginTop: 20,
+    alignItems: 'center',
+  },
 
-loginHighlight: {
-  color: '#000',
-  fontWeight: '600',
-},
+  loginText: {
+    fontSize: 14,
+    color: '#555',
+  },
 
+  loginHighlight: {
+    color: '#000',
+    fontWeight: '600',
+  },
 });

frontend/screens/profile/ProfileScreen.tsx

@@ -3,7 +3,6 @@ import { View, Text, StyleSheet, Pressable } from 'react-native';
 export default function ProfileScreen() {
   return (
     <View style={styles.container}>
-   
       <View style={styles.header}>
         <Text style={styles.title}>Profile</Text>
       </View>