upd: redesign

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

NO Issues

components/sectionCancel.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";
@@ -10,10 +11,12 @@ type Props = {
 }
 
 export default function SectionCancel({ text, title }: Props) {
+   const { colors } = useTheme();
+
    return (
-      <View style={[ColorsStatus.lightRed, Styles.p10, Styles.round10, Styles.mb15]}>
+      <View style={[Styles.p10, Styles.round10, Styles.mb15, { backgroundColor: colors.card }]}>
          <View style={[Styles.rowItemsCenter]}>
-            <AntDesign name="warning" size={22} style={[Styles.mr10]} color={'black'}/>
+            <AntDesign name="warning" size={22} style={[Styles.mr10]} color={colors.text} />
             <Text style={[Styles.textDefaultSemiBold]}>{title ? title : 'Kegiatan Dibatalkan'}</Text>
          </View>
          {