feat: add route navigation

App.tsx

@@ -2,10 +2,10 @@ import { StatusBar } from 'react-native';
 import { useFonts, Roboto_400Regular, Roboto_700Bold } from '@expo-google-fonts/roboto';
 import { GluestackUIProvider } from '@gluestack-ui/themed';
 
-import { Loading } from '@components/Loading';
-
 import { config } from './config/gluestack-ui.config';
-import { SignIn } from '@screens/SignIn';
+
+import { Loading } from '@components/Loading';
+import { Routes } from '@routes/index';
 
 export default function App() {
   const [fontsLoaded] = useFonts({
@@ -16,7 +16,7 @@ export default function App() {
   return (
     <GluestackUIProvider config={config}>
       {fontsLoaded ? (
-        <SignIn />
+        <Routes />
       ) : (
         <Loading />
       )}

src/routes/auth.routes.tsx

@@ -14,7 +14,7 @@ const { Navigator, Screen } = createNativeStackNavigator<AuthRoutes>();
 
 export function AuthRoutes() {
   return (
-    <Navigator>
+    <Navigator screenOptions={{ headerShown: false }}>
       <Screen name="SignIn" component={SignIn} />
       <Screen name="SignUp" component={SignUp} />
     </Navigator>

src/routes/index.tsx

@@ -0,0 +1,12 @@
+import { NavigationContainer } from "@react-navigation/native";
+
+import { AuthRoutes } from "./auth.routes";
+
+export function Routes() {
+  return (
+    <NavigationContainer>
+      <AuthRoutes />
+    </NavigationContainer>
+  )
+}
+