upd: redesign

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

NO Issues

components/home/divisionHome.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 { Feather } from "@expo/vector-icons";
 import { router } from "expo-router";
 import React, { useEffect, useState } from "react";
@@ -17,6 +18,7 @@ type Props = {
 
 export default function DivisionHome({ refreshing }: { refreshing: boolean }) {
    const { decryptToken, token } = useAuthSession()
+   const { colors } = useTheme();
    const ref = React.useRef<ICarouselInstance>(null)
    const width = Dimensions.get("window").width
    const [data, setData] = useState<Props[]>([])
@@ -58,13 +60,13 @@ export default function DivisionHome({ refreshing }: { refreshing: boolean }) {
                :
                data.length > 0 ?
                   data.map((item, index) => (
-                     <Pressable style={[Styles.wrapPaper, Styles.mb05,]} key={index} onPress={() => { router.push(`/division/${item.id}`) }}>
+                     <Pressable style={[Styles.wrapPaper, Styles.mb05, { backgroundColor: colors.card, borderColor: colors.icon + '20' }]} key={index} onPress={() => { router.push(`/division/${item.id}`) }}>
                         <View style={[Styles.rowSpaceBetween, { alignItems: 'center' }]}>
                            <View>
                               <Text style={[Styles.textDefaultSemiBold]}>{item.name}</Text>
                               <Text style={[Styles.textDefault]}>{item.jumlah} Kegiatan</Text>
                            </View>
-                           <Feather name="chevron-right" size={20} color="black" />
+                           <Feather name="chevron-right" size={20} color={colors.text} />
                         </View>
                      </Pressable>
                   ))