Adding logout and some i18n

Views/Login.js

@@ -23,6 +23,9 @@ export default function App({navigation, route}) {
             <SafeAreaView style={styles.container}>
                 <LoginForm />
                 <StatusBar style="auto" />
+                <View style={{position:"absolute", top:30, left: 10, opacity: 0.5}}>
+                    <Text>{"<- Not an EMI family memeber?"}</Text>
+                </View>
             </SafeAreaView>
     );
 }

Views/Menu.js

@@ -25,7 +25,7 @@ let MenuView = ({navigation})=>{
             <List.Section title="User Actions">
                 <List.Item title="Profile" onPress={()=>{navigation.navigate("ProfileSettings")}} left={props => <List.Icon {...props} icon="person" />}  />
                 <List.Item title="Settings" left={props => <List.Icon {...props} icon="settings" />}  />
-                <List.Item title="Sign out" left={props => <List.Icon {...props} icon="logout" />}  />
+                <List.Item title="Sign out" onPress={()=>{navigation.navigate("Logout")}} left={props => <List.Icon {...props} icon="logout" />}  />
             </List.Section>
             <List.Section title="Fellowship App">
                 <List.Item title="Invite" onPress={()=>{navigation.navigate("Invite")}} left={props => <List.Icon {...props} icon="person-add" />} />

Views/ProfileSettings.js

@@ -9,7 +9,6 @@ Moment.locale(i18n.locale);
 import { useSnapshot } from 'valtio';
 import GlobalState from '../contexts/GlobalState.js';
 import API from "../API.js";
-import ProfileHeader from "../components/ProfileHeader.js";
 import * as ImagePicker from 'expo-image-picker';