Push all design and src app changes

App.tsx

@@ -14,26 +14,27 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { useTranslation } from 'react-i18next';
 import { initI18n } from './src/i18n/config';
 
-import { WelcomeScreen } from './src/screens/WelcomeScreen';
-import { HomeScreen } from './src/screens/HomeScreen';
-import { AgentsScreen } from './src/screens/AgentsScreen';
-import { HRScreen } from './src/screens/HRScreen';
-import { CRMScreen } from './src/screens/CRMScreen';
-import { StrategyScreen } from './src/screens/StrategyScreen';
-import { DocumentsScreen } from './src/screens/DocumentsScreen';
-import { GenerateScreen } from './src/screens/GenerateScreen';
-import { ProfileScreen } from './src/screens/ProfileScreen';
+import {
+  WelcomeScreen,
+  LoginScreen,
+  SignupScreen,
+  BusinessSetupScreen,
+  HomeScreen,
+  AgentsScreen,
+  DocumentsScreen,
+  GenerateScreen,
+  ProfileScreen,
+  TasksScreen,
+} from './src/screens';
 import {
   MainTabParamList,
   MoreStackParamList,
   RootStackParamList,
-  TasksStackParamList,
 } from './src/types/navigation';
 import { colors } from './src/theme/colors';
 
 const RootStack = createNativeStackNavigator<RootStackParamList>();
 const Tab = createBottomTabNavigator<MainTabParamList>();
-const TasksStack = createNativeStackNavigator<TasksStackParamList>();
 const MoreStack = createNativeStackNavigator<MoreStackParamList>();
 
 const navigationTheme: Theme = {
@@ -48,16 +49,6 @@ const navigationTheme: Theme = {
   },
 };
 
-function TasksNavigator() {
-  return (
-    <TasksStack.Navigator screenOptions={{ headerShown: false }}>
-      <TasksStack.Screen name="HR" component={HRScreen} />
-      <TasksStack.Screen name="CRM" component={CRMScreen} />
-      <TasksStack.Screen name="Strategy" component={StrategyScreen} />
-    </TasksStack.Navigator>
-  );
-}
-
 function MoreNavigator() {
   return (
     <MoreStack.Navigator screenOptions={{ headerShown: false }}>
@@ -131,7 +122,7 @@ function MainTabs() {
       />
       <Tab.Screen 
         name="Tasks" 
-        component={TasksNavigator}
+        component={TasksScreen}
         options={{ tabBarLabel: t('tasks') }}
       />
       <Tab.Screen 
@@ -177,6 +168,9 @@ function App(): React.JSX.Element {
         <NavigationContainer theme={navigationTheme}>
           <RootStack.Navigator screenOptions={{ headerShown: false }}>
             <RootStack.Screen name="Welcome" component={WelcomeScreen} />
+            <RootStack.Screen name="Login" component={LoginScreen} />
+            <RootStack.Screen name="Signup" component={SignupScreen} />
+            <RootStack.Screen name="BusinessSetup" component={BusinessSetupScreen} />
             <RootStack.Screen name="MainTabs" component={MainTabs} />
           </RootStack.Navigator>
         </NavigationContainer>