upd: redesign

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

NO Issues

components/discussionItem.tsx

@@ -1,4 +1,5 @@
 import Styles from "@/constants/Styles";
+import { useTheme } from "@/providers/ThemeProvider";
 import { Feather, Ionicons } from "@expo/vector-icons";
 import { Pressable, View } from "react-native";
 import Text from "./Text";
@@ -11,21 +12,22 @@ type Props = {
 }
 
 export default function DiscussionItem({ title, user, date, onPress }: Props) {
+   const { colors } = useTheme();
    return (
-      <Pressable style={[Styles.wrapItemDiscussion]} onPress={onPress}>
+      <Pressable style={[Styles.wrapItemDiscussion, { backgroundColor: colors.card, borderColor: colors.background }]} onPress={onPress}>
          <View style={[Styles.rowItemsCenter, Styles.mb10]}>
-            <Ionicons name="chatbox-ellipses-outline" size={22} color="black" style={Styles.mr10} />
+            <Ionicons name="chatbox-ellipses-outline" size={22} color={colors.text} style={Styles.mr10} />
             <View style={[{ flex: 1 }]}>
                <Text style={{ fontWeight: 'bold' }} numberOfLines={1} ellipsizeMode="tail">{title}</Text>
             </View>
          </View>
          <View style={[Styles.rowSpaceBetween]}>
             <View style={[Styles.rowItemsCenter, { flex: 1 }]}>
-               <Feather name="user" size={18} color="grey" style={Styles.mr05} />
+               <Feather name="user" size={18} color={colors.text} style={Styles.mr05} />
                <Text style={[Styles.textInformation]} numberOfLines={1} ellipsizeMode="tail">{user}</Text>
             </View>
             <View style={[Styles.rowItemsCenter, { flex: 1, justifyContent: 'flex-end' }]}>
-               <Feather name="clock" size={18} color="grey" style={Styles.mr05} />
+               <Feather name="clock" size={18} color={colors.text} style={Styles.mr05} />
                <Text style={[Styles.textInformation]}>{date}</Text>
             </View>
          </View>