upd: redesign

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

NO Issues

components/task/sectionFileTask.tsx

@@ -3,6 +3,7 @@ import Styles from "@/constants/Styles";
 import { apiDeleteFileTask, apiGetTaskOne } 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 * as FileSystem from 'expo-file-system';
 import { startActivityAsync } from 'expo-intent-launcher';
@@ -29,6 +30,7 @@ type Props = {
 }
 
 export default function SectionFileTask({ refreshing, isMemberDivision }: { refreshing: boolean, isMemberDivision: boolean }) {
+   const { colors } = useTheme()
    const [isModal, setModal] = useState(false)
    const { token, decryptToken } = useAuthSession()
    const { detail } = useLocalSearchParams<{ detail: string }>()
@@ -126,7 +128,7 @@ export default function SectionFileTask({ refreshing, isMemberDivision }: { refr
          <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) => {
@@ -141,7 +143,7 @@ export default function SectionFileTask({ refreshing, isMemberDivision }: { refr
                               <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) }}
@@ -158,7 +160,7 @@ export default function SectionFileTask({ refreshing, isMemberDivision }: { refr
          <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()
@@ -168,7 +170,7 @@ export default function SectionFileTask({ refreshing, isMemberDivision }: { refr
                   (entityUser.role != "user" && entityUser.role != "coadmin") || isMemberDivision
                      ?
                      <MenuItemRow
-                        icon={<Ionicons name="trash" color="black" size={25} />}
+                        icon={<Ionicons name="trash" color={colors.text} size={25} />}
                         title="Hapus"
                         onPress={() => {
                            setModal(false)