upd: redesign

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

NO Issues

components/home/carouselHome.tsx

@@ -4,6 +4,7 @@ import { apiGetBanner, apiGetProfile } from "@/lib/api";
 import { setEntities } from "@/lib/bannerSlice";
 import { setEntityUser } from "@/lib/userSlice";
 import { useAuthSession } from "@/providers/AuthProvider";
+import { useTheme } from "@/providers/ThemeProvider";
 import React, { useEffect } from "react";
 import { Dimensions, Image, View } from "react-native";
 import { useSharedValue } from "react-native-reanimated";
@@ -13,6 +14,7 @@ import Text from "../Text";
 
 export default function CaraouselHome({ refreshing }: { refreshing: boolean }) {
    const { decryptToken, token } = useAuthSession()
+   const { colors } = useTheme();
    const ref = React.useRef<ICarouselInstance>(null);
    const width = Dimensions.get("window").width;
    const progress = useSharedValue<number>(0);
@@ -66,12 +68,12 @@ export default function CaraouselHome({ refreshing }: { refreshing: boolean }) {
                   renderItem={({ index }) => (
                      <Image
                         source={{ uri: `${ConstEnv.url_storage}/files/${entities[index].image}` }}
-                        style={[Styles.caraoselContent]}
+                        style={[Styles.caraoselContent, { backgroundColor: colors.primary }]}
                      />
                   )}
                />
                :
-               <View style={[Styles.caraoselContent, { height: width / 2.5 }]}>
+               <View style={[Styles.caraoselContent, { height: width / 2.5, backgroundColor: colors.primary }]}>
                   <Text style={[Styles.textDefault, Styles.cWhite, { textAlign: 'center' }]}>BANNER</Text>
                </View>
          }