Refactor app flows and refresh UI components

src/screens/cover/PouchReady.js

@@ -40,6 +40,7 @@ const PouchReady = () => {
       ? selectedProject.userName.trim()
       : currentUserData?.userName || 'MusicLand'
   const profilePictureURL = currentUserData?.profilePictureURL || null
+  const centerImageURL = selectedProject?.coverCenterImageURL || profilePictureURL
 
   const selectedOption = useMemo(() => {
     if (!coverUrl) {
@@ -119,7 +120,7 @@ const PouchReady = () => {
         }
         const coverBlob = await createMusiclandPlaybackCover({
           artistName,
-          profilePictureURL,
+          profilePictureURL: centerImageURL,
         })
         const storagePath = `users/${userId}/projects/${selectedProjectId}/cover-musicland-playbacker.png`
         const { resultURI } = await uploadFileToFirebase({
@@ -171,7 +172,7 @@ const PouchReady = () => {
   }, [
     artistName,
     coverUrl,
-    profilePictureURL,
+    centerImageURL,
     selectedOption,
     selectedProject,
     selectedProjectId,
@@ -184,12 +185,16 @@ const PouchReady = () => {
       <View style={styles.pageContent}>
         <CreateLyricsHeader
           title="Ta pochette MusicLand"
-          subTitle="Ta photo de profil et ton nom d’artiste apparaissent automatiquement."
+          subTitle={
+            selectedProject?.coverCenterImageURL
+              ? "L’image choisie et ton nom d’artiste apparaissent automatiquement."
+              : "Ta photo de profil et ton nom d’artiste apparaissent automatiquement."
+          }
         />
         <View style={[styles.previewArea, Style.containerCenter]}>
           <MusiclandPlaybackCover
             artistName={artistName}
-            profilePictureURL={profilePictureURL}
+            profilePictureURL={centerImageURL}
             coverUrl={coverUrl}
             style={isWeb ? styles.coverWeb : styles.coverMobile}
           />