chore: fix UI

mobile/src/screens/auth/ChangePasswordScreen.tsx

@@ -7,6 +7,8 @@ import {
     StyleSheet,
     Alert,
     ActivityIndicator,
+    KeyboardAvoidingView,
+    ScrollView,
 } from "react-native";
 import { Feather } from "@expo/vector-icons";
 import { useAuth } from "../../auth/AuthContext";
@@ -56,7 +58,15 @@ export default function ChangePasswordScreen() {
     };
 
     return (
-        <View style={[styles.container, { backgroundColor: colors.bgPrimary }]}>
+        <KeyboardAvoidingView
+            style={[styles.container, { backgroundColor: colors.bgPrimary }]}
+            behavior="height"
+        >
+        <ScrollView
+            contentContainerStyle={styles.scrollContent}
+            keyboardShouldPersistTaps="handled"
+            showsVerticalScrollIndicator={false}
+        >
             <View style={styles.iconWrapper}>
                 <Feather name="lock" size={48} color="#7c3aed" />
             </View>
@@ -130,13 +140,17 @@ export default function ChangePasswordScreen() {
                     <Text style={styles.buttonText}>Confirmer</Text>
                 )}
             </TouchableOpacity>
-        </View>
+        </ScrollView>
+        </KeyboardAvoidingView>
     );
 }
 
 const styles = StyleSheet.create({
     container: {
         flex: 1,
+    },
+    scrollContent: {
+        flexGrow: 1,
         padding: 24,
         justifyContent: "center",
     },

mobile/src/screens/auth/ClientLoginScreen.tsx

@@ -6,6 +6,8 @@ import {
     TouchableOpacity,
     ActivityIndicator,
     StyleSheet,
+    KeyboardAvoidingView,
+    ScrollView,
 } from "react-native";
 import { Feather, FontAwesome } from "@expo/vector-icons";
 import { loginUser } from "../../api/api";
@@ -84,9 +86,15 @@ const LoginClient = () => {
     };
 
     return (
-        <View
+        <KeyboardAvoidingView
             style={[styles.container, { backgroundColor: colors.bgSecondary }]}
+            behavior="height"
         >
+            <ScrollView
+                contentContainerStyle={styles.scrollContent}
+                keyboardShouldPersistTaps="handled"
+                showsVerticalScrollIndicator={false}
+            >
             <View style={[styles.card, { backgroundColor: colors.bgPrimary }]}>
                 <View style={styles.header}>
                     <FontAwesome name="user-circle" size={48} color="#7c3aed" />
@@ -213,7 +221,8 @@ const LoginClient = () => {
                     )}
                 </TouchableOpacity>
             </View>
-        </View>
+            </ScrollView>
+        </KeyboardAvoidingView>
     );
 };
 
@@ -222,6 +231,9 @@ export default LoginClient;
 const styles = StyleSheet.create({
     container: {
         flex: 1,
+    },
+    scrollContent: {
+        flexGrow: 1,
         justifyContent: "center",
         alignItems: "center",
         padding: 16,