Update the application with review

src/components/ListButton.tsx

@@ -22,7 +22,7 @@ const Label = styled.Text<{ active?: boolean }>`
     display: flex;
 `;
 
-function generateListButtonStyles() {
+function useListButtonStyles() {
     const styles = useDefaultStyles();
     return StyleSheet.create({
         ...styles,
@@ -40,7 +40,7 @@ function generateListButtonStyles() {
 }
 
 const ListButton: React.FC<TouchableOpacityProps> = ({ children, ...props }) => {
-    const defaultStyles = generateListButtonStyles();
+    const defaultStyles = useListButtonStyles();
     const [isPressed, setPressed] = useState(false);
     const handlePressIn = useCallback(() => setPressed(true), []);
     const handlePressOut = useCallback(() => setPressed(false), []);

src/components/Modal.tsx

@@ -4,6 +4,7 @@ import { useNavigation, StackActions } from '@react-navigation/native';
 import useDefaultStyles from './Colors';
 
 interface Props {
+    children?: any;
     fullSize?: boolean;
 }