Ajout bannière affichant le temps de pénalité restant

client/app/(tabs)/challenges.tsx

@@ -1,6 +1,7 @@
+import PenaltyBanner from '@/components/PenalyBanner'
 import { FontAwesome6 } from '@expo/vector-icons'
 import { View } from 'react-native'
-import { Appbar, Button, Card, Surface, Text } from 'react-native-paper'
+import { Appbar, Button, Surface, Text } from 'react-native-paper'
 
 export default function ChallengesScreen() {
   return (
@@ -9,6 +10,7 @@ export default function ChallengesScreen() {
         <Appbar.Content title={"Défis"} />
         <Appbar.Action icon='format-list-bulleted' />
       </Appbar.Header>
+      <PenaltyBanner />
       <Surface elevation={2} style={{ flex: 1, margin: 20, borderRadius: 20 }}>
         <View style={{ padding: 10 }}>
           <Text variant='headlineMedium' style={{ textAlign: 'center' }}>Titre</Text>

client/app/(tabs)/train.tsx

@@ -1,3 +1,4 @@
+import PenaltyBanner from '@/components/PenalyBanner'
 import { useAddTrainMutation } from '@/hooks/mutations/useTrainMutation'
 import { useAuth } from '@/hooks/useAuth'
 import { useTrain } from '@/hooks/useTrain'
@@ -22,6 +23,7 @@ export default function TrainScreen() {
 
   return (
     <Surface style={{ flex: 1 }}>
+      <PenaltyBanner />
       <FlatList
           data={trains.trains}
           keyExtractor={(train) => train.id}