upd: redesign

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

NO Issues

components/document/modalNewFolder.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import { apiCreateFolderDocument } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
+import { useTheme } from "@/providers/ThemeProvider";
 import { useLocalSearchParams } from "expo-router";
 import { useState } from "react";
 import { Pressable, View } from "react-native";
@@ -10,6 +11,7 @@ import { InputForm } from "../inputForm";
 import ModalFloat from "../modalFloat";
 
 export function ModalNewFolder({ path, onCreated }: { path: string, onCreated: () => void }) {
+   const { colors } = useTheme()
    const { token, decryptToken } = useAuthSession()
    const [newFolder, setNewFolder] = useState(false)
    const [name, setName] = useState("")
@@ -39,7 +41,7 @@ export function ModalNewFolder({ path, onCreated }: { path: string, onCreated: (
 
    return (
       <>
-         <Pressable style={[Styles.pv05, Styles.borderRight, { width: '50%' }]} onPress={() => setNewFolder(true)}>
+         <Pressable style={[Styles.pv05, Styles.borderRight, { width: '50%', borderColor: colors.background }]} onPress={() => setNewFolder(true)}>
             <Text style={[Styles.textDefaultSemiBold, { textAlign: 'center' }]}>FOLDER BARU</Text>
          </Pressable>