upd: redesign

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

NO Issues

components/task/modalListDetailTugasTask.tsx

@@ -1,5 +1,6 @@
 import Styles from "@/constants/Styles";
 import { apiGetProjectTask, apiGetTaskTugas } from "@/lib/api";
+import { useTheme } from "@/providers/ThemeProvider";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { useEffect, useState } from "react";
 import { Dimensions, View, VirtualizedList } from "react-native";
@@ -16,6 +17,7 @@ interface Props {
 }
 
 export default function ModalListDetailTugasTask({ isVisible, setVisible, idTask }: { isVisible: boolean, setVisible: (value: boolean) => void, idTask: string }) {
+   const { colors } = useTheme()
    const [data, setData] = useState<Props[]>([])
    const [loading, setLoading] = useState(false)
    const { token, decryptToken } = useAuthSession()
@@ -75,7 +77,7 @@ export default function ModalListDetailTugasTask({ isVisible, setVisible, idTask
                            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%" }]}>