upd: redesign

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

NO Issues

components/home/chartDokumenHome.tsx

@@ -1,6 +1,7 @@
 import Styles from "@/constants/Styles";
 import { apiGetDataHome } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
+import { useTheme } from "@/providers/ThemeProvider";
 import { useEffect, useState } from "react";
 import { Dimensions, View } from "react-native";
 import { BarChart } from "react-native-gifted-charts";
@@ -16,6 +17,7 @@ type Props = {
 export default function ChartDokumenHome({ refreshing }: { refreshing: boolean }) {
    const [loading, setLoading] = useState(true)
    const { decryptToken, token } = useAuthSession()
+   const { colors } = useTheme();
    const [data, setData] = useState<Props>([])
    const [maxValue, setMaxValue] = useState(5)
    const barData = [
@@ -56,7 +58,7 @@ export default function ChartDokumenHome({ refreshing }: { refreshing: boolean }
    }, []);
 
    return (
-      <View style={[Styles.wrapPaper, Styles.contentItemCenter, Styles.mb15]}>
+      <View style={[Styles.wrapPaper, Styles.contentItemCenter, Styles.mb15, { backgroundColor: colors.card, borderColor: colors.icon + '20' }]}>
          <Text style={[Styles.textSubtitle, Styles.mv15]}>JUMLAH DOKUMEN</Text>
          {
             loading ? <Skeleton width={100} height={200} borderRadius={10} widthType="percent" />
@@ -70,6 +72,8 @@ export default function ChartDokumenHome({ refreshing }: { refreshing: boolean }
                   isAnimated
                   width={width - 140}
                   barWidth={width * 0.25}
+                  yAxisTextStyle={{ color: colors.text }}
+                  xAxisLabelTextStyle={{ color: colors.text }}
                   renderTooltip={(item: any, index: any) => {
                      return (
                         <View