upd: redesign

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

NO Issues

components/task/modalAddDetailTugasTask.tsx

@@ -1,5 +1,6 @@
 import Styles from "@/constants/Styles";
 import { stringToDateTime } from "@/lib/fun_stringToDate";
+import { useTheme } from "@/providers/ThemeProvider";
 import { useEffect, useState } from "react";
 import { Dimensions, View, VirtualizedList } from "react-native";
 import { InputDate } from "../inputDate";
@@ -13,6 +14,7 @@ interface Props {
 }
 
 export default function ModalAddDetailTugasTask({ isVisible, setVisible, dataTanggal, onSubmit }: { isVisible: boolean, setVisible: (value: boolean) => void, dataTanggal: Props[], onSubmit: (data: Props[]) => void }) {
+   const { colors } = useTheme()
    const [data, setData] = useState<Props[]>(dataTanggal)
    const tinggiScreen = Dimensions.get("window").height;
    const tinggiFix = tinggiScreen * 70 / 100;
@@ -96,7 +98,7 @@ export default function ModalAddDetailTugasTask({ isVisible, setVisible, dataTan
                getItem={getItem}
                renderItem={({ item, index }: { item: Props, index: number }) => {
                   return (
-                     <View key={index} style={[Styles.borderBottom, Styles.pv05]}>
+                     <View key={index} style={[Styles.borderBottom, Styles.pv05, { borderBottomColor: colors.background }]}>
                         <Text style={[Styles.textDefaultSemiBold]}>{item.date}</Text>
                         <View style={[Styles.rowSpaceBetween]}>
                            <View style={[{ width: "48%" }]}>