upd: redesign

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

NO Issues

components/project/sectionMember.tsx

@@ -3,6 +3,7 @@ import Styles from "@/constants/Styles";
 import { apiDeleteProjectMember, apiGetProjectOne } from "@/lib/api";
 import { setUpdateProject } from "@/lib/projectUpdate";
 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 SectionMember({ status, refreshing }: { status: number | undefined, refreshing?: boolean }) {
+   const { colors } = useTheme();
    const dispatch = useDispatch()
    const entityUser = useSelector((state: any) => state.user)
    const update = useSelector((state: any) => state.projectUpdate)
@@ -97,7 +99,7 @@ export default function SectionMember({ status, refreshing }: { status: number |
                <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) => {
@@ -143,7 +145,7 @@ export default function SectionMember({ status, refreshing }: { status: number |
                   icon={
                      <MaterialCommunityIcons
                         name="account-eye"
-                        color="black"
+                        color={colors.text}
                         size={25}
                      />
                   }
@@ -159,7 +161,7 @@ export default function SectionMember({ status, refreshing }: { status: number |
                      icon={
                         <MaterialCommunityIcons
                            name="account-remove"
-                           color="black"
+                           color={colors.text}
                            size={25}
                         />
                      }