start adding payment

src/screens/Profile/Profile.js

@@ -17,6 +17,7 @@ import { responsiveHeight } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
 import { background, icons } from "../../assets";
 import BorderGradient from "../../components/BorderGradient/BorderGradient";
+import GradientButton from "../../components/GradientButton";
 import MoreMenu from "../../components/MoreMenu";
 import PressableScale from "../../components/PressableScale";
 import ProfilePicture from "../../components/ProfilePicture";
@@ -473,6 +474,19 @@ const Profile = () => {
                 <Text style={styles.label}>abonnements</Text>
               </Pressable>
             </View>
+            {isSelf ? (
+              <GradientButton
+                title="Découvrir les abonnements"
+                size="large"
+                onPress={() => push(Routes.Payments)}
+                containerStyle={{
+                  marginTop: 18,
+                  width: "80%",
+                  alignSelf: "center",
+                }}
+                gradientStyle={{ width: "100%" }}
+              />
+            ) : null}
             {!isSelf && (
               <Pressable onPress={handleFollowUser}>
                 <View