create orgnizer screen and intrigate api

src/navigation/BottomTabs.tsx

@@ -4,6 +4,7 @@ import { View, Text, StyleSheet, Platform } from "react-native";
 import { Ionicons } from '@react-native-vector-icons/ionicons';
 import GroupScreen from "../screens/GroupScreen";
 import Profile from "../screens/profile/Profile";
+import Home from "../screens/home/Home";
 
 const Tab = createBottomTabNavigator();
 
@@ -17,14 +18,7 @@ const TAB_CONFIG = {
   labelWeight: "600",
 };
 
-// Dummy Screens
-function HomeScreen() {
-  return (
-    <View style={styles.screen}>
-      <Text style={styles.text}>🏠 Home</Text>
-    </View>
-  );
-}
+
 
 function SettingsScreen() {
   return (
@@ -70,9 +64,9 @@ export default function BottomTabs() {
         },
       })}
     >
-      <Tab.Screen name="Home" component={HomeScreen} />
+      <Tab.Screen name="Home" component={Home} />
       <Tab.Screen name="Profile" component={Profile} />
-         <Tab.Screen name="Group" component={GroupScreen} />
+      <Tab.Screen name="Group" component={GroupScreen} />
       <Tab.Screen name="Settings" component={SettingsScreen} />
     </Tab.Navigator>
   );
@@ -104,7 +98,7 @@ const styles = StyleSheet.create({
     shadowOffset: { width: 0, height: -2 },
     shadowRadius: 8,
     elevation: 20,
-    paddingTop:10,
+    paddingTop: 10,
     borderTopWidth: 0,
   },
 });