upd: redesign

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

NO Issues

components/project/sectionFile.tsx

@@ -3,6 +3,7 @@ import Styles from "@/constants/Styles";
 import { apiDeleteFileProject, apiGetProjectOne } 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 * as FileSystem from 'expo-file-system';
 import { startActivityAsync } from 'expo-intent-launcher';
@@ -30,6 +31,7 @@ type Props = {
 }
 
 export default function SectionFile({ status, member, refreshing }: { status: number | undefined, member: boolean, refreshing?: boolean }) {
+   const { colors } = useTheme();
    const entityUser = useSelector((state: any) => state.user)
    const [isModal, setModal] = useState(false)
    const { token, decryptToken } = useAuthSession();
@@ -135,7 +137,7 @@ export default function SectionFile({ status, member, refreshing }: { status: nu
          <ModalLoading isVisible={loadingOpen} setVisible={setLoadingOpen} />
          <View style={[Styles.mb15]}>
             <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>File</Text>
-            <View style={[Styles.wrapPaper]}>
+            <View style={[Styles.wrapPaper, { backgroundColor: colors.card, borderColor: colors.background }]}>
                {
                   loading ?
                      arrSkeleton.map((item, index) => {
@@ -150,7 +152,7 @@ export default function SectionFile({ status, member, refreshing }: { status: nu
                               <BorderBottomItem
                                  key={index}
                                  borderType="all"
-                                 icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
+                                 icon={<MaterialCommunityIcons name="file-outline" size={25} color={colors.text} />}
                                  title={item.name + '.' + item.extension}
                                  titleWeight="normal"
                                  onPress={() => { setSelectFile(item); setModal(true) }}
@@ -167,7 +169,7 @@ export default function SectionFile({ status, member, refreshing }: { status: nu
          <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title="Menu">
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
-                  icon={<MaterialCommunityIcons name="file-eye" color="black" size={25} />}
+                  icon={<MaterialCommunityIcons name="file-eye" color={colors.text} size={25} />}
                   title="Lihat / Share"
                   onPress={() => {
                      openFile()
@@ -177,7 +179,7 @@ export default function SectionFile({ status, member, refreshing }: { status: nu
                   !member && (entityUser.role == "user" || entityUser.role == "coadmin") ? <></>
                      :
                      <MenuItemRow
-                        icon={<Ionicons name="trash" color="black" size={25} />}
+                        icon={<Ionicons name="trash" color={colors.text} size={25} />}
                         title="Hapus"
                         disabled={status == 3}
                         onPress={() => {