upd: redesign

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

NO Issues

components/document/itemFile.tsx

@@ -1,4 +1,5 @@
 import Styles from "@/constants/Styles";
+import { useTheme } from "@/providers/ThemeProvider";
 import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
 import { Pressable, View } from "react-native";
 import Text from "../Text";
@@ -15,8 +16,9 @@ type Props = {
 }
 
 export default function ItemFile({ category, checked, dateTime, title, onChecked, onPress, canChecked }: Props) {
+   const { colors } = useTheme();
    return (
-      <View style={[Styles.wrapItemBorderBottom]}>
+      <View style={[Styles.wrapItemBorderBottom, { borderColor: colors.background }]}>
          <View style={[Styles.rowItemsCenter]}>
             <Pressable onPress={onPress}>
                {
@@ -54,8 +56,8 @@ export default function ItemFile({ category, checked, dateTime, title, onChecked
                      <Pressable onPress={onChecked}>
                         {
                            checked
-                              ? <MaterialCommunityIcons name="checkbox-marked-circle" size={25} color={'black'} />
-                              : <MaterialCommunityIcons name="checkbox-blank-circle-outline" size={25} color={'#ced4da'} />
+                              ? <MaterialCommunityIcons name="checkbox-marked-circle" size={25} color={colors.text} />
+                              : <MaterialCommunityIcons name="checkbox-blank-circle-outline" size={25} color={colors.icon} />
                         }
 
                      </Pressable>