Rework account creation and login views

src/view/com/modals/DeleteAccount.tsx

@@ -5,7 +5,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native'
-import {BottomSheetTextInput} from '@gorhom/bottom-sheet'
+import {TextInput} from './util'
 import LinearGradient from 'react-native-linear-gradient'
 import * as Toast from '../util/Toast'
 import {Text} from '../util/text/Text'
@@ -116,7 +116,7 @@ export function Component({}: {}) {
               Check your inbox for an email with the confirmation code to enter
               below:
             </Text>
-            <BottomSheetTextInput
+            <TextInput
               style={[styles.textInput, pal.borderDark, pal.text, styles.mb20]}
               placeholder="Confirmation code"
               placeholderTextColor={pal.textLight.color}
@@ -127,7 +127,7 @@ export function Component({}: {}) {
             <Text type="lg" style={styles.description}>
               Please enter your password as well:
             </Text>
-            <BottomSheetTextInput
+            <TextInput
               style={[styles.textInput, pal.borderDark, pal.text]}
               placeholder="Password"
               placeholderTextColor={pal.textLight.color}

src/view/com/modals/Modal.web.tsx

@@ -10,6 +10,7 @@ import * as EditProfileModal from './EditProfile'
 import * as ServerInputModal from './ServerInput'
 import * as ReportPostModal from './ReportPost'
 import * as ReportAccountModal from './ReportAccount'
+import * as DeleteAccountModal from './DeleteAccount'
 import * as RepostModal from './Repost'
 import * as CropImageModal from './crop-image/CropImage.web'
 import * as ChangeHandleModal from './ChangeHandle'
@@ -61,6 +62,8 @@ function Modal({modal}: {modal: ModalIface}) {
     element = <ReportAccountModal.Component {...modal} />
   } else if (modal.name === 'crop-image') {
     element = <CropImageModal.Component {...modal} />
+  } else if (modal.name === 'delete-account') {
+    element = <DeleteAccountModal.Component />
   } else if (modal.name === 'repost') {
     element = <RepostModal.Component {...modal} />
   } else if (modal.name === 'change-handle') {