upd: redesign

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

NO Issues

components/group/headerGroupList.tsx

@@ -2,6 +2,7 @@ import Styles from "@/constants/Styles"
 import { apiCreateGroup } from "@/lib/api"
 import { setUpdateGroup } from "@/lib/groupSlice"
 import { useAuthSession } from "@/providers/AuthProvider"
+import { useTheme } from "@/providers/ThemeProvider"
 import { AntDesign } from "@expo/vector-icons"
 import { useState } from "react"
 import { View } from "react-native"
@@ -17,6 +18,7 @@ export default function HeaderRightGroupList() {
    const dispatch = useDispatch()
    const update = useSelector((state: any) => state.groupUpdate)
    const { token, decryptToken } = useAuthSession()
+   const { colors } = useTheme()
    const [isVisible, setVisible] = useState(false)
    const [isVisibleTambah, setVisibleTambah] = useState(false)
    const [title, setTitle] = useState('')
@@ -62,7 +64,7 @@ export default function HeaderRightGroupList() {
          <DrawerBottom animation="slide" isVisible={isVisible} setVisible={() => setVisible(false)} title="Menu">
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
-                  icon={<AntDesign name="pluscircle" color="black" size={25} />}
+                  icon={<AntDesign name="pluscircle" color={colors.text} size={25} />}
                   title="Tambah Lembaga"
                   onPress={() => {
                      setVisible(false);
@@ -86,6 +88,7 @@ export default function HeaderRightGroupList() {
                      placeholder="Nama Lembaga Desa"
                      required label="Lembaga Desa"
                      error={error.title}
+                     bg={colors.card}
                      errorText="Lembaga Desa tidak boleh kosong & minimal 3 karakter"
                      onChange={(val) => { validationForm(val, 'title') }}
                   />