[TMA-122] User Profile Screen UI (#27)

* Fix yarn lint issues

* Add react-native-svg to project

* Create UserType & PostType

* Create temporary Post component

* Fix import cycle warning, update AuthContext

* Update onboarding screen imports

* Update config files

* Add rn-fetch-blob package

* Update types

* Add profile fetching to AuthContext

* Update post component

* Import placeholder images from designs

* Add profile UI components

* Create screen offset constants

* Add new api endpoints

* Create screen layout utils

* Create Profile screen UI

* Remove some unused styling

* Restructure ProfileScreen and fix animations

* Add gradient back to screen

* Update Moment circle styling

1 files changed, 8 insertions, 9 deletions

diff --git a/src/components/common/GradientBackground.tsx b/src/components/common/GradientBackground.tsx
index f363bd61..c1247ca2 100644
--- a/src/components/common/GradientBackground.tsx
+++ b/src/components/common/GradientBackground.tsx
@@ -5,20 +5,19 @@ import {
   TouchableWithoutFeedback,
   Keyboard,
   ViewProps,
-  SafeAreaView,
 } from 'react-native';
 
 interface GradientBackgroundProps extends ViewProps {}
 const GradientBackground: React.FC<GradientBackgroundProps> = (props) => {
   return (
-    <LinearGradient
-      locations={[0.89, 1]}
-      colors={['transparent', 'rgba(0, 0, 0, 0.6)']}
-      style={styles.container}>
-      <TouchableWithoutFeedback accessible={false} onPress={Keyboard.dismiss}>
-        <SafeAreaView {...props}>{props.children}</SafeAreaView>
-      </TouchableWithoutFeedback>
-    </LinearGradient>
+    <TouchableWithoutFeedback accessible={false} onPress={Keyboard.dismiss}>
+      <LinearGradient
+        locations={[0.89, 1]}
+        colors={['transparent', 'rgba(0, 0, 0, 0.6)']}
+        style={styles.container}>
+        {props.children}
+      </LinearGradient>
+    </TouchableWithoutFeedback>
   );
 };