creating custom sign in and sign up pages because apparently the clerk components only work on web lol

app/(auth)/sign-up2.tsx

@@ -0,0 +1,31 @@
+import { SignUp } from '@clerk/clerk-expo/web'
+import { dark } from '@clerk/themes'
+import * as React from 'react'
+import { StyleSheet, View } from 'react-native'
+
+export default function SignUpScreen() {
+    return (
+        <View style={styles.container}>
+            <SignUp
+                appearance={{
+                    theme: dark,
+                    variables: {
+                        colorPrimary: '#747b83ff',
+                        colorBackground: '#25292e',
+                        colorInput: '#383e46ff'
+                    }
+                }}
+                signInUrl='/sign-in'
+            />
+        </View>
+    )
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#25292e',
+        padding: 5,
+        alignItems: 'center'
+    }
+})