fix tickets add reort mail and design fixes

src/screens/Writing/Goals.js

@@ -1,8 +1,9 @@
 import React, { useMemo, useState } from "react";
-import { Platform, ScrollView, StyleSheet, View } from "react-native";
+import { Platform, ScrollView, StyleSheet, Text, View } from "react-native";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import ListSelection from "../../components/ListSelection/ListSelection";
 import { GOALS, OTHER_OBJECTIVE_OPTION } from "../../data/data";
+import { strings } from "../../constants/strings";
 import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import CreateLyricsHeader from "./components/CreateLyricsHeader";
@@ -39,9 +40,14 @@ const Goals = ({
     <ScrollView contentContainerStyle={{ flex: 1, gap: 16, marginTop: 16 }}>
       <View style={{ gap: 10 }}>
         <CreateLyricsHeader
-          title="Quel est le contexte ?"
-          subTitle="Besoin d'idées ? Pense à un anniversaire, une équipe de sport ou ton entreprise."
+          title={strings.writing.steps.contextTitle}
+          subTitle={strings.writing.steps.contextSubtitle}
         />
+        <View style={styles.examplesContainer}>
+          <Text style={styles.examplesText}>
+            {strings.writing.steps.contextExamples}
+          </Text>
+        </View>
         <ItemContainer>
           <ListSelection
             options={goalsOptions}
@@ -55,8 +61,8 @@ const Goals = ({
         </ItemContainer>
       </View>
       <CustomInput
-        label="As-tu un autre objectif ?"
-        placeholder="Décrire l’objectif"
+        label={strings.writing.labels.otherObjective}
+        placeholder={strings.writing.labels.otherObjectivePlaceholder}
         value={otherObjective}
         setValue={handleOtherObjectiveChange}
         height={Platform.OS === "web" ? 160 : undefined}
@@ -95,4 +101,15 @@ const styles = StyleSheet.create({
     fontFamily: FONT_FAMILY.InterRegular,
     textAlign: "center",
   },
+  examplesContainer: {
+    backgroundColor: Palette.ultraLightWhite,
+    borderRadius: 12,
+    padding: 12,
+  },
+  examplesText: {
+    fontSize: 14,
+    color: Palette.white,
+    fontFamily: FONT_FAMILY.InterRegular,
+    lineHeight: 20,
+  },
 });