upd: redesign

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

NO Issues

components/project/sectionTanggalTugas.tsx

@@ -2,6 +2,7 @@ import Styles from "@/constants/Styles";
 import { apiDeleteProjectTask, apiGetProjectOne, apiUpdateStatusProjectTask } from "@/lib/api";
 import { setUpdateProject } from "@/lib/projectUpdate";
 import { useAuthSession } from "@/providers/AuthProvider";
+import { useTheme } from "@/providers/ThemeProvider";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
@@ -28,6 +29,7 @@ type Props = {
 };
 
 export default function SectionTanggalTugasProject({ status, member, refreshing }: { status: number | undefined, member: boolean, refreshing?: boolean }) {
+   const { colors } = useTheme();
    const entityUser = useSelector((state: any) => state.user)
    const dispatch = useDispatch()
    const update = useSelector((state: any) => state.projectUpdate)
@@ -116,7 +118,7 @@ export default function SectionTanggalTugasProject({ status, member, refreshing
             <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>
                Tanggal & Tugas
             </Text>
-            <View style={[Styles.wrapPaper]}>
+            <View style={[Styles.wrapPaper, { backgroundColor: colors.card, borderColor: colors.background }]}>
                {
                   loading ?
                      arrSkeleton.map((item, index) => {
@@ -163,7 +165,7 @@ export default function SectionTanggalTugasProject({ status, member, refreshing
                   icon={
                      <MaterialCommunityIcons
                         name="list-status"
-                        color="black"
+                        color={colors.text}
                         size={25}
                      />
                   }
@@ -179,7 +181,7 @@ export default function SectionTanggalTugasProject({ status, member, refreshing
                   icon={
                      <MaterialCommunityIcons
                         name="pencil-outline"
-                        color="black"
+                        color={colors.text}
                         size={25}
                      />
                   }
@@ -194,7 +196,7 @@ export default function SectionTanggalTugasProject({ status, member, refreshing
                   icon={
                      <MaterialCommunityIcons
                         name="clock-time-three-outline"
-                        color="black"
+                        color={colors.text}
                         size={25}
                      />
                   }
@@ -209,7 +211,7 @@ export default function SectionTanggalTugasProject({ status, member, refreshing
             </View>
             <View style={[Styles.rowItemsCenter, Styles.mt15]}>
                <MenuItemRow
-                  icon={<Ionicons name="trash" color="black" size={25} />}
+                  icon={<Ionicons name="trash" color={colors.text} size={25} />}
                   title="Hapus Tugas"
                   onPress={() => {
                      setModal(false)