create color interface

frontend/src/component/colorActivity.js

 import { useNavigation } from "@react-navigation/native";
 import React from "react";
 import {Text, TouchableOpacity, StyleSheet, View, Image} from 'react-native'
+
+export default function ColorActivity(){
+
+    return(
+        <TouchableOpacity style={styles.card}>
+            <View style={[{flexDirection: "row"}]}>
+
+                <View style={styles.cardImage}>
+                    <Image source={require("../assets/login/bb.jpg")} 
+                    style={{width: 100, height: 100, borderRadius: 30}}></Image>
+                </View>
+
+                <View style={{flex: 0.6}}>
+                    <Text style={styles.cardTitle}>First Activity</Text>
+                    <Text style={styles.cardLocation}>Location</Text>
+                    <Text style={styles.cardDescription}>Description</Text>
+                </View>
+                
+
+            </View>
+            
+        </TouchableOpacity>
+    )
+
+}
\ No newline at end of file