upd: redesign

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

NO Issues

components/document/modalSalinMove.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles"
 import { apiGetDocument } from "@/lib/api"
 import { useAuthSession } from "@/providers/AuthProvider"
+import { useTheme } from "@/providers/ThemeProvider"
 import { AntDesign, Ionicons } from "@expo/vector-icons"
 import { useLocalSearchParams } from "expo-router"
 import { useEffect, useState } from "react"
@@ -37,6 +38,7 @@ type PropsPath = {
 };
 
 export default function ModalSalinMove({ open, close, category, onConfirm, dataChoose }: Props) {
+   const { colors } = useTheme()
    const [data, setData] = useState<DataProps[]>([])
    const { token, decryptToken } = useAuthSession()
    const [path, setPath] = useState('home')
@@ -73,9 +75,9 @@ export default function ModalSalinMove({ open, close, category, onConfirm, dataC
                      }}
                   >
                      {item.id != "home" && (
-                        <AntDesign name="right" style={[Styles.mh05, Styles.mt02]} />
+                        <AntDesign name="right" style={[Styles.mh05, Styles.mt02]} color={colors.text} />
                      )}
-                     <Text> {item.name} </Text>
+                     <Text style={{ color: colors.text }}> {item.name} </Text>
                   </Pressable>
                ))
             }
@@ -106,7 +108,7 @@ export default function ModalSalinMove({ open, close, category, onConfirm, dataC
                   <Text style={[Styles.textDefault, Styles.cGray, Styles.mt15, { textAlign: 'center' }]}>Tidak ada data</Text>
             }
          </View>
-         <View style={[Styles.rowOnly, Styles.mt15, Styles.absolute0]}>
+         <View style={[Styles.rowOnly, Styles.mt15, Styles.absolute0, { backgroundColor: colors.background }]}>
             <ModalNewFolder path={path} onCreated={() => getData()} />
             <Pressable style={[Styles.pv05, { width: '50%' }]} onPress={() => onConfirm(path)}>
                <Text style={[Styles.textDefaultSemiBold, { textAlign: 'center' }]}>{category == 'copy' ? 'SALIN' : 'PINDAH'}</Text>
@@ -114,4 +116,4 @@ export default function ModalSalinMove({ open, close, category, onConfirm, dataC
          </View>
       </DrawerBottom>
    )
-}
+}