Migrated Navigation to React Navigation (#210)

* Started migrating nav! (#209)

* added general structure for navigation

* fixing error

* changing folder structure

* finished up frontend button routes

* added contexts to app nav

* finished migrating navigation

client/App.tsx

@@ -1,14 +1,26 @@
 import React from "react";
-import { StyleSheet, View, Text } from "react-native";
+import { StyleSheet, Text } from "react-native";
+import { AuthStore } from "./src/services/AuthStore";
+import { NavigationContainer } from "@react-navigation/native";
+import AppNavigator from "./src/navigation/AppNavigator";
+import AuthNavigator from "./src/navigation/AuthNavigator";
+
+
+const App = () => {
+  const { initialized, isLoggedin } = AuthStore.useState();
+
+  if (!initialized) return <Text>Loading...</Text>;
 
-export default function App() {
   return (
-    <View>
-      <Text>This Componenet is DEPRECATED.</Text>
-      <Text>DO NOT TOUCH. THE NEW ENTRY POINT IS AT 'app/index.tsx'</Text>
-    </View>
+    <NavigationContainer>
+      {isLoggedin ? (
+        <AppNavigator />
+      ) : (
+        <AuthNavigator />
+      )}
+    </NavigationContainer>
   );
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -18,3 +30,5 @@ const styles = StyleSheet.create({
     justifyContent: "center",
   },
 });
+
+export default App;