first setup

apps/mobile/app/[...missing].tsx

@@ -1,41 +1,23 @@
 import { Link, Stack } from 'expo-router';
-import { StyleSheet, View } from 'react-native';
-import { BoldText, RegularText } from '../components/Styled';
+import { View } from 'react-native';
+
+import { BoldText, RegularText } from '../components/ui/Text';
 
 export default function NotFoundScreen() {
   return (
     <>
       <Stack.Screen options={{ title: 'Oops!' }} />
-      <View style={styles.container}>
-        <BoldText style={styles.title}>
+      <View className="flex-1 items-center justify-center p-5">
+        <BoldText className="text-lg font-bold">
           This screen doesn&apos;t exist.
         </BoldText>
 
-        <Link href="/" style={styles.link}>
-          <RegularText style={styles.linkText}>Go to home screen!</RegularText>
+        <Link href="/" className="mt-4 py-4">
+          <RegularText className="text-sm text-sky-500">
+            Go to home screen!
+          </RegularText>
         </Link>
       </View>
     </>
   );
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 20,
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-  },
-  link: {
-    marginTop: 15,
-    paddingVertical: 15,
-  },
-  linkText: {
-    fontSize: 14,
-    color: '#2e78b7',
-  },
-});