fix tickets add reort mail and design fixes

src/screens/Writing/Lyrics.js

@@ -8,6 +8,7 @@ import GradientButton from "../../components/GradientButton";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import firebase, { projectsRef } from "../../config/firebase";
+import { strings } from "../../constants/strings";
 import { isWeb } from "../../hooks/useLayoutType";
 import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
@@ -363,24 +364,17 @@ const Lyrics = ({ navigation }) => {
             }}
           >
             <View style={styles.headerContainer}>
-              <Text style={styles.headerTitle}>Proposition de paroles</Text>
-              <Text style={styles.instructions}>
-                Relis attentivement la proposition générée avant de valider.
+              <Text style={styles.headerTitle}>
+                {strings.writing.lyrics.title}
               </Text>
               <Text style={styles.instructions}>
-                <Text style={styles.instructionsHighlight}>
-                  Personnalisation :
-                </Text>{" "}
-                modifie le titre et chaque section pour que les paroles te
-                ressemblent.
-              </Text>
-              <Text style={styles.instructions}>
-                <Text style={styles.instructionsHighlight}>
-                  Nouvelle génération :
-                </Text>{" "}
-                appuie sur "Générer d'autres paroles" si tu souhaites une autre
-                suggestion.
+                {strings.writing.lyrics.instructions}
               </Text>
+              <View style={styles.personalizationBanner}>
+                <Text style={styles.personalizationText}>
+                  {strings.writing.lyrics.personalizationBanner}
+                </Text>
+              </View>
             </View>
             <CustomInput
               label="Titre"
@@ -489,8 +483,18 @@ const styles = StyleSheet.create({
     fontSize: 14,
     lineHeight: 20,
   },
-  instructionsHighlight: {
-    fontFamily: FONT_FAMILY.InterSemiBold,
+  personalizationBanner: {
+    backgroundColor: Palette.ultraLightWhite,
+    borderRadius: 12,
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    marginTop: 4,
+  },
+  personalizationText: {
+    color: Palette.white,
+    fontFamily: FONT_FAMILY.InterMedium,
+    fontSize: 14,
+    lineHeight: 20,
   },
   instrumentalBlock: {
     padding: 16,