upd: redesign

Deskripsi:
- fitur ganti mode tema
- penerapan tema pada semua fitur

NO Issues

components/modalFloat.tsx

@@ -1,4 +1,5 @@
 import Styles from '@/constants/Styles';
+import { useTheme } from '@/providers/ThemeProvider';
 import { Pressable, View } from 'react-native';
 import Modal from 'react-native-modal';
 import Text from './Text';
@@ -14,6 +15,8 @@ type Props = {
 }
 
 export default function ModalFloat({ isVisible, setVisible, title, children, onSubmit, disableSubmit, buttonHide }: Props) {
+   const { colors } = useTheme();
+
    return (
       <Modal
          animationIn={"fadeIn"}
@@ -22,8 +25,8 @@ export default function ModalFloat({ isVisible, setVisible, title, children, onS
          hideModalContentWhileAnimating={true}
          onBackdropPress={() => { setVisible(false) }}
       >
-         <View style={[Styles.modalFloatContent]}>
-            <View style={[Styles.titleContainerModalFloat]}>
+         <View style={[Styles.modalFloatContent, { backgroundColor: colors.card, borderColor: colors.icon }]}>
+            <View style={[Styles.titleContainerModalFloat, { borderBottomColor: colors.icon }]}>
                <Text style={Styles.textDefaultSemiBold}>{title}</Text>
             </View>
             <View style={[Styles.mb10]}>