Make EditSet scroll

EditSet.tsx

@@ -1,5 +1,5 @@
 import React, {useState} from 'react';
-import {StyleSheet} from 'react-native';
+import {ScrollView, StyleSheet} from 'react-native';
 import DateTimePickerModal from 'react-native-modal-datetime-picker';
 import {Button, Dialog, Portal, TextInput} from 'react-native-paper';
 import Set from './set';
@@ -29,7 +29,8 @@ export default function EditSet({
     <Portal>
       <Dialog visible={set ? true : false} onDismiss={() => setSet(undefined)}>
         <Dialog.Title>{title}</Dialog.Title>
-        <Dialog.Content>
+        <Dialog.ScrollArea>
+          <ScrollView>
             <TextInput
               style={styles.text}
               autoFocus
@@ -74,7 +75,8 @@ export default function EditSet({
                 />
               </>
             )}
-        </Dialog.Content>
+          </ScrollView>
+        </Dialog.ScrollArea>
         <Dialog.Actions>
           <Button icon="close" onPress={() => setSet(undefined)}>
             Cancel