worked on the authentication flow and added backgroundColor to the drawer

Author: MarjorieMaillee

src/components/AppNavigator.tsx

@@ -15,9 +15,10 @@ const AppNavigator = () => {
       initialRouteName="LandingScreen"
       screenOptions={{
         headerShown: false,
+        drawerActiveTintColor: 'white',
+        drawerContentStyle: { backgroundColor: 'black' },
         drawerContentContainerStyle: {
           backgroundColor: 'black',
-          height: '100%',
         },
         drawerLabelStyle: {
           color: 'white',

src/components/landing/LoginScreen.tsx

@@ -29,6 +29,7 @@ const LoginScreen = () => {
 
       <MagicScroll.ScrollView
         scollViewProps={{
+          bounces: false,
           contentContainerStyle: {
             paddingHorizontal: 20,
             paddingTop: screenHeight * 0.33,

src/components/landing/signUp/SignUpForm.tsx

@@ -49,6 +49,7 @@ const SignUpForm = observer(
     return (
       <MagicScroll.ScrollView
         scollViewProps={{
+          bounces: false,
           showsVerticalScrollIndicator: false,
           contentContainerStyle: {
             paddingTop: 60,
@@ -62,7 +63,7 @@ const SignUpForm = observer(
           bottomText="You'll need to verify that you own this email account."
           name="PhoneNumber"
           returnKeyType="next"
-          onSubmit={() => chainInput('Username')}
+          chainable="Username"
           tiProps={{
             value: email,
             onChangeText: (val) => setEmail(val),
@@ -90,7 +91,7 @@ const SignUpForm = observer(
           label="Username"
           name="Username"
           returnKeyType="next"
-          onSubmit={() => chainInput('Password')}
+          chainable="Password"
           tiProps={{
             keyboardType: 'default',
             textContentType: 'username',