upd: redesign

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

NO Issues

components/division/headerDivisionList.tsx

@@ -1,4 +1,5 @@
 import Styles from "@/constants/Styles"
+import { useTheme } from "@/providers/ThemeProvider"
 import { AntDesign, MaterialCommunityIcons } from "@expo/vector-icons"
 import { router } from "expo-router"
 import { useState } from "react"
@@ -10,6 +11,7 @@ import MenuItemRow from "../menuItemRow"
 import ModalFilter from "../modalFilter"
 
 export default function HeaderRightDivisionList() {
+   const { colors } = useTheme();
    const [isVisible, setVisible] = useState(false)
    const [isFilter, setFilter] = useState(false)
    const entityUser = useSelector((state: any) => state.user)
@@ -23,7 +25,7 @@ export default function HeaderRightDivisionList() {
          <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} 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 Divisi"
                   onPress={() => {
                      setVisible(false)
@@ -31,9 +33,9 @@ export default function HeaderRightDivisionList() {
                   }}
                />
                {
-                  (entityUser.role == "supadmin" || entityUser.role == "developer") &&
+                  (entityUser.role == "userRole" || entityUser.role == "developer") &&
                   <MenuItemRow
-                     icon={<AntDesign name="filter" color="black" size={25} />}
+                     icon={<AntDesign name="filter" color={colors.text} size={25} />}
                      title="Filter"
                      onPress={() => {
                         setVisible(false)
@@ -47,7 +49,7 @@ export default function HeaderRightDivisionList() {
                {
                   (entityUser.role == "supadmin" || entityUser.role == "developer" || entityUser.role == "cosupadmin") &&
                   <MenuItemRow
-                     icon={<MaterialCommunityIcons name="chart-bar" color="black" size={25} />}
+                     icon={<MaterialCommunityIcons name="chart-bar" color={colors.text} size={25} />}
                      title="Laporan"
                      onPress={() => {
                         setVisible(false)