feat(ui): styled basic skeloton for all screen

Author: shanuvr

frontend/app/(tabs)/_layout.tsx

@@ -53,8 +53,7 @@ export default function TabLayout() {
           ),
         }}
       />
-      <Tabs.Screen name='events/create' options={{href:null}}/>
+      <Tabs.Screen name="events/create" options={{ href: null }} />
     </Tabs>
-    
   );
 }

frontend/app/(tabs)/events/create.tsx

@@ -1,4 +1,4 @@
-import CreateEventScreen from "@/screens/events/CreateEventScreen";
-export default function CreactEvent(){
-    return<CreateEventScreen/>
-}
+import CreateEventScreen from '@/screens/events/CreateEventScreen';
+export default function CreactEvent() {
+  return <CreateEventScreen />;
+}

frontend/screens/events/EventsScreen.tsx

@@ -6,20 +6,19 @@ export default function EventsScreen() {
 
   return (
     <View style={styles.container}>
-
       <View style={styles.header}>
         <Text style={styles.title}>Events</Text>
 
-        <Pressable
-          onPress={() => router.push('/(tabs)/events/create')}
-        >
+        <Pressable onPress={() => router.push('/(tabs)/events/create')}>
           <Text style={styles.createText}>Create</Text>
         </Pressable>
       </View>
 
       <View style={styles.section}>
         <Text style={styles.sectionTitle}>My Events</Text>
-        <Text style={styles.placeholder}>You haven’t created any events yet.</Text>
+        <Text style={styles.placeholder}>
+          You haven’t created any events yet.
+        </Text>
       </View>
 
       <View style={styles.section}>
@@ -65,4 +64,3 @@ const styles = StyleSheet.create({
     color: '#6b7280',
   },
 });
-

frontend/screens/home/HomeScreen.tsx

@@ -3,7 +3,6 @@ import { View, Text, StyleSheet, Pressable } from 'react-native';
 export default function HomeScreen() {
   return (
     <View style={styles.container}>
-
       <View style={styles.header}>
         <Text style={styles.title}>Home</Text>
       </View>
@@ -16,7 +15,6 @@ export default function HomeScreen() {
         <Text style={styles.sectionTitle}>Popular Events</Text>
         <Text style={styles.placeholder}>Popular events will appear here.</Text>
       </View>
-
     </View>
   );
 }

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}>
-
       {/* Header */}
       <View style={styles.header}>
         <Text style={styles.title}>Profile</Text>
@@ -32,7 +31,6 @@ export default function ProfileScreen() {
           <Text style={styles.rowText}>Help & Support</Text>
         </Pressable>
       </View>
-
     </View>
   );
 }
@@ -83,4 +81,3 @@ const styles = StyleSheet.create({
     fontSize: 15,
   },
 });
-

frontend/screens/search/SearchScreen.tsx

@@ -3,7 +3,6 @@ import { View, Text, StyleSheet, TextInput } from 'react-native';
 export default function SearchScreen() {
   return (
     <View style={styles.container}>
-
       <View style={styles.header}>
         <Text style={styles.title}>Search</Text>
       </View>
@@ -23,11 +22,8 @@ export default function SearchScreen() {
 
       <View style={styles.section}>
         <Text style={styles.sectionTitle}>Results</Text>
-        <Text style={styles.placeholder}>
-          Start typing to see results.
-        </Text>
+        <Text style={styles.placeholder}>Start typing to see results.</Text>
       </View>
-
     </View>
   );
 }