fix: page

src/layouts/Page.js

@@ -38,6 +38,7 @@ export default ({
   shareBtn = false,
   connect = false,
   blurIntensity = 0,
+  backgroundColor = "#000",
 }) => {
   const PageContainer =
     containerType === "SAFE_AREA_VIEW" ? SafeAreaView : View;
@@ -65,6 +66,8 @@ export default ({
         flex: 1,
         minHeight: isWeb ? "100svh" : "100%",
         position: "relative",
+        paddingHorizontal: isWeb ? gutters : 0,
+        backgroundColor: backgroundColor,
       }}
     >
       {backgroundImg ? (

src/screens/Studio/Studio.js

@@ -1,14 +1,14 @@
-import { View, Text, ScrollView, Pressable } from "react-native";
 import React, { useMemo, useState } from "react";
-import Page from "../../layouts/Page";
+import { Pressable, ScrollView, Text, View } from "react-native";
-import { background } from "../../assets";
-import GradientButton from "../../components/GradientButton";
-import alert from "../../components/Alert";
-import { navigate } from "../../navigation/NavigationService";
-import { Routes } from "../../navigation";
-import { gutters } from "../../styles";
-import { useUser } from "../../providers/UserDataProvider";
 import { responsiveHeight } from "react-native-responsive-dimensions";
+import { background } from "../../assets";
+import alert from "../../components/Alert";
+import GradientButton from "../../components/GradientButton";
+import Page from "../../layouts/Page";
+import { Routes } from "../../navigation";
+import { navigate } from "../../navigation/NavigationService";
+import { useUser } from "../../providers/UserDataProvider";
+import { gutters } from "../../styles";
 
 const Studio = () => {
   const [selectedProjectId, setSelectedProjectId] = useState(null);
@@ -117,7 +117,7 @@ const Studio = () => {
             if (selectedProject?.musicStatus === "GENERATING") {
               alert(
                 "Attention",
-                "La chanson est en cours de génération. Veuillez patienter.",
+                "La chanson est en cours de génération. Veuillez patienter."
               );
             } else {
               if (!selectedProject?.id) return;

src/screens/cover/ChooseCoverType.js

@@ -2,7 +2,7 @@ import { BlurView } from "expo-blur";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Image, Modal, Pressable, StyleSheet, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit";
-import { ai, background } from "../../assets";
+import { ai } from "../../assets";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import FullscreenIntroVideo from "../../components/FullscreenIntroVideo";
 import GradientButton from "../../components/GradientButton";
@@ -276,7 +276,11 @@ export const ChooseCoverType = () => {
   ]);
 
   return (
-    <Page backgroundImg={background.studioBG2} headerType="NONE">
+    <Page
+      // backgroundImg={background.studioBG2}
+      backgroundColor={"#2A2E33"}
+      headerType="NONE"
+    >
       <Image
         source={ai.bena}
         style={{