continue flow integartion

src/screens/Studio/Compose.js

@@ -3,12 +3,15 @@ import React from "react";
 import { ai, background } from "../../assets";
 import Page from "../../layouts/Page";
 import { goBack, navigate } from "../../navigation/NavigationService";
+import { useRoute } from "@react-navigation/native";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import { Routes } from "../../navigation";
 import GradientButton from "../../components/GradientButton";
 import { gutters } from "../../styles";
 
 const Compose = () => {
+  const route = useRoute();
+  const projectId = route?.params?.projectId;
   return (
     <Page backgroundImg={background.studioBG2} headerType="NONE">
       <Image source={ai.theo} style={styles.img} resizeMode="contain" />
@@ -25,7 +28,7 @@ const Compose = () => {
         >
           <GradientButton
             title="Composer ma chanson"
-            onPress={() => navigate(Routes.ComposeSong)}
+            onPress={() => navigate(Routes.ComposeSong, { projectId })}
           />
         </View>
       </View>