upd: redesign

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

NO Issues

components/sectionProgress.tsx

@@ -1,5 +1,6 @@
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
+import { useTheme } from "@/providers/ThemeProvider";
 import { AntDesign } from "@expo/vector-icons";
 import Text from "./Text";
 import { View } from "react-native";
@@ -11,9 +12,11 @@ type Props = {
 }
 
 export default function SectionProgress({ text, progress }: Props) {
+   const { colors } = useTheme();
+
    return (
-      <View style={[ColorsStatus.lightGreen, Styles.p15, { flexDirection: 'row', borderRadius: 10, alignItems: 'center' }]}>
-         <View style={[Styles.iconContent, ColorsStatus.orange, { alignItems: 'center', justifyContent: 'center' }]}>
+      <View style={[Styles.p15, { flexDirection: 'row', borderRadius: 10, alignItems: 'center', backgroundColor: colors.card }]}>
+         <View style={[Styles.iconContent, { alignItems: 'center', justifyContent: 'center', backgroundColor: colors.primary }]}>
             <AntDesign name="areachart" size={30} color={'#384288'} />
          </View>
          <View style={[Styles.ml10, { flex: 1 }]}>