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>
     );
 }