chore: update UI

frontend-admin/src/components/ui/Modal.tsx

@@ -3,10 +3,12 @@ import {
     Modal as RNModal,
     View,
     ScrollView,
+    KeyboardAvoidingView,
     TouchableOpacity,
     Text,
     StyleSheet,
     Animated,
+    Platform,
 } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import { spacing, borderRadius, fontSize } from "../../theme";
@@ -133,6 +135,10 @@ export default function Modal({
             animationType="fade"
             onRequestClose={onClose}
         >
+            <KeyboardAvoidingView
+                style={{ flex: 1 }}
+                behavior={Platform.OS === "ios" ? "padding" : "height"}
+            >
             <View style={styles.overlay}>
                 <Animated.View
                     style={[
@@ -186,6 +192,7 @@ export default function Modal({
                     </ScrollView>
                 </Animated.View>
             </View>
+            </KeyboardAvoidingView>
         </RNModal>
     );
 }

frontend-admin/src/screens/admin/UsersScreen.tsx

@@ -974,9 +974,9 @@ export default function UsersScreen() {
                                             { color: colors.warning },
                                         ]}
                                     >
-                                        {item.clientData.amende}
+                                        {item.clientData.amende} €
                                     </Text>
-                                    <Text style={styles.statLabel}>Amendes</Text>
+                                    <Text style={styles.statLabel}>Amende</Text>
                                 </View>
                             )}
                             <View style={styles.stat}>
@@ -1456,16 +1456,16 @@ export default function UsersScreen() {
                                 Amende actuelle
                             </Text>
                             <Text style={{ color: colors.warning, fontSize: fontSize.lg, fontWeight: "700" }}>
-                                {sanctionModal.client?.amende ?? 0} pts
+                                {sanctionModal.client?.amende ?? 0} €
                             </Text>
                         </View>
 
                         {/* Ajouter amende */}
                         <TextInput
-                            label="Points à ajouter"
+                            label="Montant à ajouter (€)"
                             value={amendeAmount}
                             onChangeText={setAmendeAmount}
-                            keyboardType="numeric"
+                            keyboardType="decimal-pad"
                             icon={<Ionicons name="add-circle-outline" size={18} color={colors.textMuted} />}
                         />
                         <TextInput

frontend-admin/src/screens/cabine/UsersScreen.tsx

@@ -150,9 +150,9 @@ export default function UsersScreen() {
                 {appSettings.show_amende_score && (
                     <View style={styles.stat}>
                         <Text style={[styles.statValue, { color: colors.warning }]}>
-                            {item.amende}
+                            {item.amende} €
                         </Text>
-                        <Text style={styles.statLabel}>Amendes</Text>
+                        <Text style={styles.statLabel}>Amende</Text>
                     </View>
                 )}
                 <View style={styles.stat}>