upd: redesign

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

NO Issues

components/position/modalFormCreatePosition.tsx

@@ -2,6 +2,7 @@ import Styles from "@/constants/Styles"
 import { apiCreatePosition } from "@/lib/api"
 import { setUpdatePosition } from "@/lib/positionSlice"
 import { useAuthSession } from "@/providers/AuthProvider"
+import { useTheme } from "@/providers/ThemeProvider"
 import { update } from "@react-native-firebase/database"
 import { useEffect, useState } from "react"
 import { View } from "react-native"
@@ -9,13 +10,14 @@ import Toast from "react-native-toast-message"
 import { useDispatch, useSelector } from "react-redux"
 import { ButtonForm } from "../buttonForm"
 import { InputForm } from "../inputForm"
-import SelectForm from "../selectForm"
 import ModalSelect from "../modalSelect"
+import SelectForm from "../selectForm"
 
 export default function ModalFormCreatePosition({ onClose }: { onClose: () => void }) {
    const dispatch = useDispatch()
    const { token, decryptToken } = useAuthSession()
    const entityUser = useSelector((state: any) => state.user)
+   const { colors } = useTheme()
    const [choose, setChoose] = useState({ val: '', label: '' })
    const [isSelect, setSelect] = useState(false)
    const [disable, setDisable] = useState(true)
@@ -104,6 +106,7 @@ export default function ModalFormCreatePosition({ onClose }: { onClose: () => vo
                   label="Jabatan"
                   onChange={(value) => { validationForm(value, 'name') }}
                   error={error.name}
+                  bg={colors.card}
                   errorText="Nama jabatan harus diisi"
                   value={dataForm.name}
                />