upd: redesign

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

NO Issues

components/progressBar.tsx

@@ -1,4 +1,5 @@
 import Styles from "@/constants/Styles";
+import { useTheme } from "@/providers/ThemeProvider";
 import { useEffect, useState } from "react";
 import { Animated, View } from "react-native";
 
@@ -10,6 +11,7 @@ type Props = {
 }
 
 export default function ProgressBar({ margin, value, category }: Props) {
+   const { colors } = useTheme();
    const [progress, setProgress] = useState(new Animated.Value(0));
    const [totalProgress, setTotalProgress] = useState(category == 'carousel' ? 232 : category == 'page' ? 245 : 290);
    const [componentWidth, setComponentWidth] = useState(0);
@@ -34,7 +36,7 @@ export default function ProgressBar({ margin, value, category }: Props) {
 
    return (
       <View style={[Styles.contentItemCenter]}>
-         <View style={[Styles.wrapBar, { margin: margin && margin }]} onLayout={handleLayout}>
+         <View style={[Styles.wrapBar, { margin: margin && margin, backgroundColor: colors.icon + '30' }]} onLayout={handleLayout}>
             <Animated.View style={[Styles.contentBar, { width: progress }]} />
          </View>
       </View>