On ne récupère que ses propres trains empruntés

client/app/(tabs)/train.tsx

@@ -5,7 +5,7 @@ import { TrainTrip } from '@/utils/features/train/trainSlice'
 import { FontAwesome6 } from '@expo/vector-icons'
 import { useMemo, useState } from 'react'
 import { FlatList, StyleSheet } from 'react-native'
-import { Badge, Button, Dialog, Divider, FAB, HelperText, List, Portal, Surface, Text, TextInput } from 'react-native-paper'
+import { Button, Dialog, Divider, FAB, HelperText, List, Portal, Surface, Text, TextInput } from 'react-native-paper'
 
 export default function TrainScreen() {
   const [addTrainVisible, setAddTrainVisible] = useState(false)
@@ -24,6 +24,8 @@ export default function TrainScreen() {
     <Surface style={{ flex: 1 }}>
       <FlatList
           data={trains.trains}
+          keyExtractor={(train) => train.id}
+          ItemSeparatorComponent={() => <Divider />}
           renderItem={(item) => <TrainListItem train={item.item} />} />
       <FAB
           icon='plus'
@@ -87,6 +89,5 @@ function TrainListItem({ train }: { train: TrainTrip }) {
       title={title}
       description={<><Text>Durée : {duration}, distance : {distanceKm} km, coût : {cost}</Text> <FontAwesome6 name='coins' /></>}
       />
-      <Divider />
     </>
 }