upd: redesign

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

NO Issues

components/division/reportChartProgress.tsx

@@ -1,9 +1,11 @@
 import Styles from "@/constants/Styles";
 import { View } from "react-native";
 import { PieChart } from "react-native-gifted-charts";
+import { useTheme } from "@/providers/ThemeProvider";
 import Text from "../Text";
 
 export default function ReportChartProgress({ data }: { data: { color: string; text: string; value: number; }[] }) {
+   const { colors } = useTheme();
    const pieData = [
       { value: 54, text: "54%", color: '#177AD5' },
       { value: 40, text: "40%", color: '#92cc76' },
@@ -12,13 +14,13 @@ export default function ReportChartProgress({ data }: { data: { color: string; t
    ];
 
    return (
-      <View style={[Styles.wrapPaper, Styles.contentItemCenter, Styles.mb15]}>
+      <View style={[Styles.wrapPaper, Styles.contentItemCenter, Styles.mb15, { backgroundColor: colors.card, borderColor: colors.background }]}>
          <Text style={[Styles.textSubtitle, Styles.mv15]}>PROGRES KEGIATAN</Text>
          <PieChart
             data={data}
             showText
             showValuesAsTooltipText
-            textColor="black"
+            textColor={colors.text}
             radius={120}
             textSize={15}
             focusOnPress={false}