Ajout connexion au serveur

client/app/(tabs)/settings.tsx

@@ -1,12 +1,18 @@
-import { FlatList } from 'react-native'
-import { Surface, Text } from 'react-native-paper'
-// import * as SecureStore from 'expo-secure-store'
+import { useRouter } from 'expo-router'
+import { FAB, List, Surface } from 'react-native-paper'
+import * as SecureStore from 'expo-secure-store'
 
 export default function HistoryScreen() {
-  // const token = SecureStore.getItem("apiToken")
+  const router = useRouter()
+  const isLoggedIn = SecureStore.getItem("apiToken") !== null
   return (
-    <Surface>
-      <FlatList data={["Se connecter à l'API"]} renderItem={({item}) => <Text>{item}</Text>} />
+    <Surface
+      style={{ flex: 1 }}>
+      <List.Item
+          title="Connexion au serveur"
+          description={isLoggedIn ? "Vous êtes déjà connecté⋅e" : "Vous n'êtes pas connecté⋅e"}
+          right={() => <FAB icon="login" size="small" onPress={() => router.navigate('/login')} />}
+          onPress={() => router.navigate('/login')} />
     </Surface>
   )
 }