feat: unmatched route screen

app/(tabs)/home/index.tsx

@@ -1,3 +1,4 @@
+import { Link } from 'expo-router';
 import React from 'react';
 
 import { Screen } from '../../../components/base/screen';
@@ -22,6 +23,8 @@ export default function HomePage() {
       <Header>
         <Title>Simonyi Konferencia</Title>
       </Header>
+      <Link href={'unmatched'}>Unmatched</Link>
+
       <ScrollContent>
         <SectionTitle>Előadások</SectionTitle>
         {conference.isLoading && <PresentationItemSkeletonList />}

app/[...unmatched].tsx

@@ -0,0 +1,21 @@
+import { useRouter } from 'expo-router';
+import { SafeAreaView } from 'react-native';
+
+import { StyledButton } from '../components/common/styled-button';
+import { Subtitle } from '../components/common/subtitle';
+import { Title } from '../components/common/title';
+
+export default function Unmatched() {
+  const { canGoBack, back } = useRouter();
+  return (
+    <SafeAreaView className='items-center justify-center flex-grow space-y-5'>
+      <Title className='text-center'>Ismeretlen képernyőre jutottál</Title>
+      <Subtitle className='text-center'>Ilyet mi itt nem tartunk</Subtitle>
+      {canGoBack() && (
+        <StyledButton leftIcon='arrow-left' onPress={back}>
+          Vissza
+        </StyledButton>
+      )}
+    </SafeAreaView>
+  );
+}