feat: new writing background

src/screens/Writing/WritingLyrics.js

@@ -1,16 +1,16 @@
 import React from "react";
-import { Image, StyleSheet, Text, View } from "react-native";
+import { StyleSheet, Text, View } from "react-native";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
-import { ai, background, icons } from "../../assets";
+import { background, icons } from "../../assets";
 import BorderGradientButton from "../../components/BorderGradientButton";
 import GradientButton from "../../components/GradientButton";
 import MusicLandHeader from "../../components/MusicLandHeader";
+import { strings } from "../../constants/strings";
 import { isWeb } from "../../hooks/useLayoutType";
 import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
 import { goBack, navigate } from "../../navigation/NavigationService";
 import { useUserData } from "../../providers/UserDataProvider";
-import { strings } from "../../constants/strings";
 import { Palette, gutters } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 
@@ -37,14 +37,20 @@ const WritingLyrics = () => {
     } finally {
       await setIsLoading(false);
     }
-  }, [createNewProject, navigate, selectedProject, setIsLoading, updateProjectData]);
+  }, [
+    createNewProject,
+    navigate,
+    selectedProject,
+    setIsLoading,
+    updateProjectData,
+  ]);
 
   return (
     <Page
       backgroundImg={isWeb ? background.libraryBgWeb : background.writingBG}
       headerType="NONE"
     >
-      <Image source={ai.nathalie} style={styles.img} resizeMode="contain" />
+      {/* <Image source={ai.nathalie} style={styles.img} resizeMode="contain" /> */}
       <MusicLandHeader
         onPressBack={goBack}
         progress={9}
@@ -52,12 +58,12 @@ const WritingLyrics = () => {
       />
       <View style={styles.contentWrapper}>
         <View style={styles.heroContainer}>
-          <Text style={styles.heroTitle}>
+          {/* <Text style={styles.heroTitle}>
             {strings.writing.onboarding.heroTitle}
           </Text>
           <Text style={styles.heroSubtitle}>
             {strings.writing.onboarding.heroSubtitle}
-          </Text>
+          </Text> */}
         </View>
         <View style={styles.ctaGroup}>
           <GradientButton