upd: redesign

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

NO Issues

components/task/sectionTanggalTugasTask.tsx

@@ -2,6 +2,7 @@ import Styles from "@/constants/Styles";
 import { apiDeleteTaskTugas, apiGetTaskOne, apiUpdateStatusTaskDivision } from "@/lib/api";
 import { setUpdateTask } from "@/lib/taskUpdate";
 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";
@@ -27,6 +28,7 @@ type Props = {
 }
 
 export default function SectionTanggalTugasTask({ refreshing, isMemberDivision }: { refreshing: boolean, isMemberDivision: boolean }) {
+   const { colors } = useTheme()
    const dispatch = useDispatch()
    const entityUser = useSelector((state: any) => state.user);
    const update = useSelector((state: any) => state.taskUpdate)
@@ -119,7 +121,7 @@ export default function SectionTanggalTugasTask({ refreshing, isMemberDivision }
       <>
          <View style={[Styles.mb15, Styles.mt10]}>
             <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) => {
@@ -160,7 +162,7 @@ export default function SectionTanggalTugasTask({ refreshing, isMemberDivision }
                   icon={
                      <MaterialCommunityIcons
                         name="clock-time-three-outline"
-                        color="black"
+                        color={colors.text}
                         size={25}
                      />
                   }
@@ -177,7 +179,7 @@ export default function SectionTanggalTugasTask({ refreshing, isMemberDivision }
                      ?
                      <>
                         <MenuItemRow
-                           icon={<MaterialCommunityIcons name="list-status" color="black" size={25} />}
+                           icon={<MaterialCommunityIcons name="list-status" color={colors.text} size={25} />}
                            title="Update Status"
                            onPress={() => {
                               setModal(false)
@@ -187,7 +189,7 @@ export default function SectionTanggalTugasTask({ refreshing, isMemberDivision }
                            }}
                         />
                         <MenuItemRow
-                           icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
+                           icon={<MaterialCommunityIcons name="pencil-outline" color={colors.text} size={25} />}
                            title="Edit Tugas"
                            onPress={() => {
                               setModal(false)
@@ -205,7 +207,7 @@ export default function SectionTanggalTugasTask({ refreshing, isMemberDivision }
                   ?
                   <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)