Fix bug with staysigned in modal

Author: JustinTan-1

src/components/AuthForm.tsx

@@ -46,7 +46,7 @@ const AuthForm: React.FC<LoginFieldProps> = ({
       <TextInput
         style={tw`flex text-white border-white border border-2 border-rounded rounded-3xl w-[70] h-10`}
         placeholder="Password"
-        placeholderTextColor="white"npx react-native info
+        placeholderTextColor="white"
         secureTextEntry
         autoCapitalize="none"
         autoCorrect={false}

src/screens/CaseContactListScreen.tsx

@@ -4,10 +4,9 @@ import { useState, useEffect } from 'react'
 import React from 'react';
 
 import CaseContactListCard from '../components/CaseContactListCard';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 const CaseContactListScreen = ({ navigation, route }) => {
-  const [modalVisible, setModalVisible] = useState(false);
+  const [modalVisible, setModalVisible] = useState(true);
   const data = [{ name: '🦋CINA-11-1002' }, { name: '🦋CINA-11-1003' }, { name: '🦋CINA-11-1004' }];
 
   useEffect(() => {
@@ -39,8 +38,6 @@ const CaseContactListScreen = ({ navigation, route }) => {
         </View>
       </View>
     </View>
-    <SafeAreaProvider>
-    <SafeAreaView style={tw`flex-1 justify-center items-center`}>
       <Modal
         animationType="slide"
         transparent={true}
@@ -60,8 +57,6 @@ const CaseContactListScreen = ({ navigation, route }) => {
           </View>
         </View>
       </Modal>
-    </SafeAreaView>
-  </SafeAreaProvider>   
   </>   
   );
 };