feat: musique creation

src/screens/LandingPage.js

@@ -158,7 +158,7 @@ export default function LandingPage() {
                     <View style={styles.freeCreditsContent}>
                       <View style={styles.freeCreditsTextContainer}>
                         <Text style={styles.freeCreditsTitle}>
-                          5 crédits offert
+                          10 crédits offert
                         </Text>
                         <Text style={styles.freeCreditsSubtitle}>
                           pour 1 parcours gratuit !
@@ -232,6 +232,7 @@ const styles = StyleSheet.create({
     borderRadius: 18,
     paddingVertical: 14,
     paddingHorizontal: 20,
+    overflow: "hidden"
   },
   freeCreditsContent: {
     flexDirection: "row",

src/screens/Studio/GeneratingSong.js

@@ -164,16 +164,16 @@ const GeneratingSong = () => {
         const updatePayload = selectedProject?.musicConfig
           ? baseUpdate
           : {
-              ...baseUpdate,
+            ...baseUpdate,
-              musicConfig: {
+            musicConfig: {
-                title: effectiveConfig?.title || "",
+              title: effectiveConfig?.title || "",
-                lyrics: effectiveConfig?.lyrics || [],
+              lyrics: effectiveConfig?.lyrics || [],
-                genres: effectiveConfig?.genres || [],
+              genres: effectiveConfig?.genres || [],
-                voice: effectiveConfig?.voice || "",
+              voice: effectiveConfig?.voice || "",
-                instruments: effectiveConfig?.instruments || [],
+              instruments: effectiveConfig?.instruments || [],
-                tempo: effectiveConfig?.tempo || "",
+              tempo: effectiveConfig?.tempo || "",
-              },
+            },
-            };
+          };
         await projectsRef
           .doc(selectedProjectId)
           .set(updatePayload, { merge: true });
@@ -226,7 +226,7 @@ const GeneratingSong = () => {
     if (callingRef.current) return;
     callingRef.current = true;
     startMusicGeneration()
-      .catch(() => {})
+      .catch(() => { })
       .finally(() => {
         // Keep locked while status transitions to GENERATING; will be prevented by guards
         global.setTimeout(() => {
@@ -286,7 +286,7 @@ const GeneratingSong = () => {
       <MusicLandHeader
         onPressBack={() => navigate(Routes.Home)}
         progress={63}
-        // logo={icons.musicLandStudio}
+      // logo={icons.musicLandStudio}
       />
       <View style={{ flex: 1, marginTop: 16 }}>
         <CreateLyricsHeader
@@ -298,6 +298,7 @@ const GeneratingSong = () => {
           style={{
             marginTop: responsiveHeight(10),
             gap: 16,
+            flex: 1, // Added flex: 1 to ensure full height usage
           }}
         >
           <BlurView
@@ -310,18 +311,18 @@ const GeneratingSong = () => {
               padding: 12,
               backgroundColor: "#FFFFFF0A",
             }}
-            // experimentalBlurMethod={
+          // experimentalBlurMethod={
-            //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
+          //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
-            // }
+          // }
           >
             <View style={{ flex: 1 }}>
               <BlurView
                 intensity={Platform.OS !== "ios" ? 10 : 40}
                 tint="dark"
                 style={{ flex: 1, padding: 10, paddingBottom: 20 }}
-                // experimentalBlurMethod={
+              // experimentalBlurMethod={
-                //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
+              //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
-                // }
+              // }
               >
                 <View style={{ flex: 1, justifyContent: "flex-end", gap: 20 }}>
                   <Text