fix page

src/layouts/Page.js

@@ -75,7 +75,7 @@ export default ({
         style={{
           height: "100%",
           paddingTop: isWeb ? gutters / 2 : 0,
-          // padding: gutters,
+          padding: gutters,
           paddingBottom: 0,
           ...(isWeb ? { maxHeight: "100svh" } : {}),
           width: computedWidth,

src/screens/Home/Home.js

@@ -20,7 +20,7 @@ import { isWeb } from "../../hooks/useLayoutType.js";
 import Page from "../../layouts/Page";
 import { navigate } from "../../navigation/NavigationService";
 import { useUser } from "../../providers/UserDataProvider";
-import { gutters, Palette } from "../../styles";
+import { Palette } from "../../styles";
 import {
   findFirstUnlockedStageIndex,
   getCreationStageStates,
@@ -252,7 +252,7 @@ const Home = () => {
     <Page
       shareBtn
       headerType="NONE"
-      containerStyle={{ width: "100%", maxWidth: "100%" }}
+      containerStyle={{ width: "100%", maxWidth: "100%", paddingHorizontal: 0 }}
     >
       <View style={styles.root}>
         <View
@@ -264,7 +264,7 @@ const Home = () => {
             alignSelf: "center",
             flexDirection: isWeb ? "column" : "row",
             alignItems: "center",
-            paddingHorizontal: isWeb ? 0 : gutters,
+            paddingHorizontal: isWeb ? 0 : 30,
             gap: 10,
           }}
         >

src/screens/Playbacks/Playbacks.js

@@ -335,7 +335,7 @@ const PlaybackItem = ({ item, isActive, userCache, getUserByUid }) => {
                       fontFamily: FONT_FAMILY.InterMedium,
                     }}
                   >
-                    {isFollowing ? "Ne plus suivre" : "Suivre"}
+                    {isFollowing ? "Suivi(e)" : "Suivre"}
                   </Text>
                 </BlurView>
               </Pressable>

src/screens/Playbacks/components/PlaybackItem.web.js

@@ -566,7 +566,7 @@ const PlaybackItem = ({
                       style={styles.followButton}
                     >
                       <Text style={styles.followButtonText}>
-                        {isFollowing ? "Ne plus suivre" : "Suivre"}
+                        {isFollowing ? "Suivi(e)" : "Suivre"}
                       </Text>
                     </BlurView>
                   </Pressable>

src/screens/Profile/Profile.js

@@ -482,7 +482,7 @@ const Profile = () => {
                       fontFamily: FONT_FAMILY.InterSemiBold,
                     }}
                   >
-                    {isFollowing ? "Ne plus suivre" : "Suivre"}
+                    {isFollowing ? "Suivi(e)" : "Suivre"}
                   </Text>
                 </View>
               </Pressable>