upd: redesign

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

NO Issues

components/task/sectionMemberTask.tsx

@@ -3,6 +3,7 @@ import Styles from "@/constants/Styles";
 import { apiDeleteTaskMember, apiGetTaskOne } from "@/lib/api";
 import { setUpdateTask } from "@/lib/taskUpdate";
 import { useAuthSession } from "@/providers/AuthProvider";
+import { useTheme } from "@/providers/ThemeProvider";
 import { 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 SectionMemberTask({ refreshing, isAdminDivision }: { refreshing: boolean, isAdminDivision: boolean }) {
+   const { colors } = useTheme()
    const [isModal, setModal] = useState(false);
    const entityUser = useSelector((state: any) => state.user);
    const { token, decryptToken } = useAuthSession();
@@ -100,7 +102,7 @@ export default function SectionMemberTask({ refreshing, isAdminDivision }: { ref
                <Text style={[Styles.textDefault]}>Total {data.length} Anggota</Text>
             </View>
 
-            <View style={[Styles.wrapPaper]}>
+            <View style={[Styles.wrapPaper, { backgroundColor: colors.card, borderColor: colors.background }]}>
                {
                   loading ?
                      arrSkeleton.map((item, index) => {
@@ -155,7 +157,7 @@ export default function SectionMemberTask({ refreshing, isAdminDivision }: { ref
                   icon={
                      <MaterialCommunityIcons
                         name="account-eye"
-                        color="black"
+                        color={colors.text}
                         size={25}
                      />
                   }
@@ -174,7 +176,7 @@ export default function SectionMemberTask({ refreshing, isAdminDivision }: { ref
                         icon={
                            <MaterialCommunityIcons
                               name="account-remove"
-                              color="black"
+                              color={colors.text}
                               size={25}
                            />
                         }