Finish update profile view

components/ProfileHeader.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Text } from 'react-native';
+import { View } from 'react-native';
 import { Avatar, Button, Card, Title, Paragraph } from 'react-native-paper';
 import UserName from './UserName';
 import FollowButton from './basics/FollowButton';
@@ -13,11 +13,22 @@ const ProfileHeader = ({ profileObj }) => {
             <Card elevation={3}>
                 <Card.Cover source={{ uri: photoUrl, cache: 'force-cache' }} />
                 <Card.Content>
-                    <Title>
+                    <Title style={{position: "absolute", top: -60, left: 10, backgroundColor: "rgba(255,255,255,0.4)", padding: 10}}>
                         <UserName profileid={profileObj._id} />
                     </Title>
-                    <Paragraph>{profileObj.profile.description}</Paragraph>
-                    <FollowButton profile={profileObj} />
+                    <Paragraph style={{paddingTop:10}}>{profileObj.profile.description}</Paragraph>
+                    <View style={{
+                        position: "absolute",
+                        top: -190,
+                        right: 10,
+                        width: 50,
+                        height: 50,
+                        backgroundColor: "#ddd",
+                        borderRadius: 25,
+                        opacity: 0.7
+                    }}>
+                        <FollowButton profile={profileObj} />
+                    </View>
                 </Card.Content>
             </Card>
             {/*