create orgnizer screen and intrigate api

src/navigation/AppNavigator.tsx

@@ -10,6 +10,7 @@ import OrganizerRegisterScreen from "../screens/OrgnizerRagister";
 import GroupCreation from "../screens/GroupCreation";
 import GroupReview from "../screens/GroupReview";
 import BottomTabs from "./BottomTabs";
+import BecomeOrg from "../screens/profile/BecomeOrg";
 
 const Stack = createNativeStackNavigator();
 export type RootStackParamList = {
@@ -18,7 +19,7 @@ export type RootStackParamList = {
   Home: undefined
   HomeTabs: undefined
   splash: undefined
-  OrganizerRegister:undefined
+  OrganizerRegister: undefined
   Profile: undefined;
   GroupCreation: undefined;
   GroupReview: undefined;
@@ -40,13 +41,13 @@ function HomeScreen() {
 
 export default function AppNavigator() {
   const linking = {
-  prefixes: ["myapp://", "https://api.godemo.in"], // supports both
-  config: {
-    screens: {
-       Profile: "EProcurementSB", // dynamic route
+    prefixes: ["myapp://", "https://api.godemo.in"], // supports both
+    config: {
+      screens: {
+        Profile: "EProcurementSB", // dynamic route
+      },
     },
-  },
-};
+  };
   return (
     <NavigationContainer linking={linking}  >
       <Stack.Navigator initialRouteName="Splash">
@@ -54,10 +55,11 @@ export default function AppNavigator() {
         <Stack.Screen name="Home" component={BottomTabs} options={{ headerShown: false }} />
         <Stack.Screen name="Login" component={LoginScreen} options={{ headerShown: false }} />
         <Stack.Screen name="OtpVarify" component={OtpVerificationScreen} options={{ headerShown: false }} />
-         <Stack.Screen name="OrganizerRegister" component={OrganizerRegisterScreen}   options={{ headerShown: false }} />
-        <Stack.Screen name="Profile" component={Profile} options={{ headerShown: false }}/>
-         <Stack.Screen name="GroupCreation" component={GroupCreation}options={{ headerShown: false }} />
-         <Stack.Screen name="GroupReview" component={GroupReview}options={{ headerShown: false }} />
+        <Stack.Screen name="OrganizerRegister" component={OrganizerRegisterScreen} options={{ headerShown: false }} />
+        <Stack.Screen name="Profile" component={Profile} options={{ headerShown: false }} />
+        <Stack.Screen name="GroupCreation" component={GroupCreation} options={{ headerShown: false }} />
+        <Stack.Screen name="GroupReview" component={GroupReview} options={{ headerShown: false }} />
+        <Stack.Screen name="BecomeOrg" component={BecomeOrg} options={{ headerShown: false }} />
       </Stack.Navigator>
     </NavigationContainer>
   );

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,
   },
 });