upd: redesign

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

NO Issues

components/home/chartProgresHome.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 { View } from "react-native";
 import { PieChart } from "react-native-gifted-charts";
@@ -15,6 +16,7 @@ type Props = {
 
 export default function ChartProgresHome({ refreshing }: { refreshing: boolean }) {
    const { decryptToken, token } = useAuthSession()
+   const { colors } = useTheme();
    const [data, setData] = useState<Props>([])
    const [loading, setLoading] = useState(true)
 
@@ -46,7 +48,7 @@ export default function ChartProgresHome({ 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]}>PROGRES KEGIATAN</Text>
          {
             loading ? <Skeleton width={100} height={200} borderRadius={10} widthType="percent" />
@@ -56,7 +58,7 @@ export default function ChartProgresHome({ refreshing }: { refreshing: boolean }
                      data={data}
                      showText
                      showValuesAsTooltipText
-                     textColor="black"
+                     textColor={colors.text}
                      radius={120}
                      textSize={15}
                      focusOnPress={false}