Pretty up code. Add all my default stuff that I like

app/+not-found.tsx

@@ -1,22 +1,22 @@
 import { Link, Stack } from 'expo-router';
 import { StyleSheet } from 'react-native';
+import { ThemedText, ThemedView } from '@/components/theme/Theme';
+import TextButton from '@/components/theme/buttons/TextButton';
 
-import { ThemedText } from '@/components/ThemedText';
-import { ThemedView } from '@/components/ThemedView';
-
-export default function NotFoundScreen() {
+const NotFoundScreen = () => {
   return (
     <>
-      <Stack.Screen options={{ title: 'Oops!' }} />
+      <Stack.Screen options={{ title: 'Page not found' }} />
       <ThemedView style={styles.container}>
         <ThemedText type='title'>This screen doesn't exist.</ThemedText>
-        <Link href='/' style={styles.link}>
-          <ThemedText type='link'>Go to home screen!</ThemedText>
+        <Link href='/'>
+          <TextButton width={200} height={45} text='Go to home screen' fontSize={24} />
         </Link>
       </ThemedView>
     </>
   );
-}
+};
+export default NotFoundScreen;
 
 const styles = StyleSheet.create({
   container: {
@@ -25,8 +25,4 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     padding: 20,
   },
-  link: {
-    marginTop: 15,
-    paddingVertical: 15,
-  },
 });