stripe embedded and other fixes

src/screens/Studio/SongReady.js

@@ -202,9 +202,51 @@ const SongReady = () => {
 
   const handleRegeneratePress = () => {
     if (isWeb) {
+      const descriptionTextStyle = {
+        fontSize: 16,
+        color: Palette.white,
+        fontFamily: FONT_FAMILY.InterRegular,
+        textAlign: "center",
+      };
+      const amountTextStyle = {
+        ...descriptionTextStyle,
+        fontFamily: FONT_FAMILY.InterSemiBold,
+      };
+
       alert(
         "Re-générer le morceau",
-        `Tu vas pouvoir modifier tes choix pour re-générer ${SONG_OPTIONS_PER_GENERATION} nouveaux morceaux pour ${MUSIC_GENERATION_COIN_COST} crédits.\n\nLes crédits seront utilisés lors de l'étape de génération.`,
+        (
+          <View
+            style={{
+              width: "100%",
+              alignItems: "center",
+              gap: 12,
+            }}
+          >
+            <Text style={descriptionTextStyle}>
+              {`Tu vas pouvoir modifier tes choix pour re-générer ${SONG_OPTIONS_PER_GENERATION} nouveaux morceaux.`}
+            </Text>
+            <View
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "center",
+                flexWrap: "wrap",
+                gap: 6,
+              }}
+            >
+              <Text style={descriptionTextStyle}>Cette action coûte</Text>
+              <CreditAmount
+                value={MUSIC_GENERATION_COIN_COST}
+                iconSize={18}
+                textStyle={amountTextStyle}
+              />
+            </View>
+            <Text style={descriptionTextStyle}>
+              Les crédits seront utilisés lors de l'étape de génération.
+            </Text>
+          </View>
+        ),
         [
           {
             text: "Annuler",