Some more UI changes for circle profile

components/GroupCard.js

@@ -6,6 +6,7 @@ import API from './../API.js';
 import { useNavigation } from '@react-navigation/native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import FollowButton from './basics/FollowButton.js';
+import ProfilePhotoCircle from './ProfilePhotoCircle.js';
 
 const DefaultPhoto = "https://social.emmint.com/uploads/e6f9be6d665dc43417701bf16a90122c.png";
 
@@ -66,8 +67,9 @@ let ProfileCard = ({ profileid, hideIcon, profileObj }) => {
                     right: 0,
                     top: 0,
                 }} />
+                
                 <List.Item
-                    title={profile.profile?.firstName + " " + profile.profile?.lastName}
+                    title={<ProfilePhotoCircle profileid={profile._id} />}
                     description={profileObj.profile.description}
                     //left={props => <List.Icon {...props} icon={icon} />}
                     titleStyle={{fontWeight:"bold", fontSize:20}}
@@ -86,9 +88,10 @@ export default React.memo(ProfileCard);
 
 const styles = StyleSheet.create({
     content: {
-        margin: 4,
+        margin: 0,
         padding: 0,
-        borderRadius: 5,
+        borderRadius: 0,
+        marginBottom: 2,
     },
     centerItems: {
         justifyContent: 'center',