improve team choice introduction message

.eslintrc.js

@@ -30,6 +30,7 @@ module.exports = {
         "no-param-reassign": "off",
         "react/react-in-jsx-scope": "off",
         "react/jsx-props-no-spreading": "off",
+        "react/no-unescaped-entities": "off",
         "react/jsx-filename-extension": [
             "error",
             {

src/components/LoginForm/index.tsx

@@ -28,7 +28,7 @@ const LoginForm = (): JSX.Element => {
     return (
         <form onSubmit={onSubmit}>
             <div className={styles.loginIntro} key="login-intro">
-                Si vous êtes bénévole, connectez-vous pour accéder à votre espace.
+                Si tu es bénévole, connecte-toi pour accéder à votre espace.
             </div>
             <div className={styles.formLine} key="line-email">
                 <label htmlFor="email">Email</label>

src/components/Teams/TeamIntro.tsx

@@ -4,19 +4,19 @@ const TeamIntro: React.FC = (): JSX.Element => (
     <div>
         <h1>Les Equipes</h1>
         <p>
-            Lors de votre participation au festival en tant que bénévole, vous allez faire partie
-            d&apos;une des nombreuses équipes présentes sur le festival.
+            Lors de ta participation au festival en tant que bénévole, tu vas faire partie d'une des
+            nombreuses équipes présentes sur le festival.
         </p>
         <p>
-            Afin de vous aidez dans votre choix, voici la liste et la description des équipes. Vous
-            pouvez renseigner dans votre profil les équipes qui vous intéressent et vous serez
-            affectés à l&apos;une d&apos;elle en fonction des demandes de chacun. N&apos;hésitez pas
-            à indiquer plusieurs choix pour nous faciliter la tâche.
+            Afin de t'aidez dans ton choix, voici la liste et la description des équipes. Tu peux
+            renseigner dans ton profil les équipes qui t'intéressent et tu seras affecté à l'une
+            d'elles en fonction des demandes de chacun. N'hésite pas à indiquer plusieurs choix pour
+            nous faciliter la tâche.
         </p>
         <p>
-            Vous choisissez votre équipe pour son rôle durant le festival. Certaines d&apos;entre
-            elles demandent de la préparation en amont, voire quelques tâches après le festival.
-            N&apos;hésitez pas à vous manifester si vous souhaitez y participer.
+            Tu choisis ton équipe pour son rôle durant le festival. Certaines d'entre elles
+            demandent de la préparation en amont, voire quelques tâches après le festival. N'hésite
+            pas à te manifester si tu souhaites aider.
         </p>
     </div>
 )

src/components/VolunteerBoard/ParticipationDetails/ParticipationDetails.tsx

@@ -23,10 +23,10 @@ const ParticipationDetails: FC<Props> = (): JSX.Element | null => {
     return (
         <div className={styles.root}>
             <div className={styles.title}>Mes informations pour le festival</div>
-            {!tShirtSize && <div className={styles.line}>J&apos;ai déjà 2 t-shirts.</div>}
+            {!tShirtSize && <div className={styles.line}>J'ai déjà 2 t-shirts.</div>}
             {tShirtSize && (
                 <div className={styles.line}>
-                    J&apos;ai besoin d&apos;un t-shirt ! (Taille <b>{tShirtSize}</b>)
+                    J'ai besoin d'un t-shirt ! (Taille <b>{tShirtSize}</b>)
                 </div>
             )}
             <div className={styles.line}>

src/components/VolunteerBoard/ParticipationDetailsForm/ParticipationDetailsForm.tsx

@@ -51,7 +51,7 @@ const ParticipationDetailsForm: FC<Props> = ({ afterSubmit }): JSX.Element | nul
         <div className={styles.root}>
             <div className={styles.title}>Mes informations pour le festival</div>
             <div className={styles.tShirtWrapper}>
-                <div className={styles.tShirtLabel}>J&apos;ai déjà 2 t-shirts</div>
+                <div className={styles.tShirtLabel}>J'ai déjà 2 t-shirts</div>
                 <label>
                     <input
                         type="radio"

src/components/VolunteerBoard/TeamWishes/TeamWishes.tsx

@@ -30,7 +30,7 @@ const TeamWishes: FC<Props> = (): JSX.Element | null => {
 
     return (
         <div className={styles.root}>
-            <div className={styles.title}>Mon choix d&apos;équipe</div>
+            <div className={styles.title}>Mon choix d'équipe</div>
             {teamWishesString && <span>{teamWishesString}</span>}
             {!teamWishesString && <span className={styles.lineEmpty}>Non renseignés</span>}
             {comment && (

src/components/VolunteerBoard/TeamWishesForm/TeamWishesForm.tsx

@@ -36,11 +36,22 @@ const TeamWishesForm: FC<Props> = ({ afterSubmit }): JSX.Element | null => {
 
     return (
         <div className={styles.root}>
-            <div className={styles.title}>Mon choix d&apos;équipe</div>
+            <div className={styles.title}>Mon choix d'équipe</div>
             <div className={styles.intro}>
-                <p>Sélectionne la ou les équipes que tu aimerais rejoindre.</p>
                 <p>
-                    Pour plus d&apos;informations sur les équipes,{" "}
+                    Sélectionne la ou les équipes que tu aimerais rejoindre dans l'ordre de tes
+                    préférences.
+                </p>
+                <p>
+                    Tu seras affecté à une équipe pour les jours de festival prochainement et nous
+                    tiendrons compte de tes préférences dans la mesure du possible.
+                </p>
+                <p>
+                    Si tu es disponible pour aider en amont, même une autre équipe, n'hésite pas à
+                    le mettre en commentaire.
+                </p>
+                <p>
+                    Pour plus d'informations sur les équipes,{" "}
                     <a href="/equipes" target="_blank">
                         clique ici
                     </a>
@@ -49,7 +60,7 @@ const TeamWishesForm: FC<Props> = ({ afterSubmit }): JSX.Element | null => {
             </div>
             <div className={styles.formArea}>
                 <div className={styles.leftCol}>
-                    <div>Mes choix dans l&apos;ordre :</div>
+                    <div>Mon choix :</div>
                     <ol className={styles.choiceList}>
                         {selection.map((item) => {
                             const team = teams.find((t: any) => t.id === item)

src/pages/Board/Board.tsx

@@ -23,7 +23,7 @@ const BoardPage: FC<Props> = (): JSX.Element => {
             </Page>
         )
     }
-    return <div>Besoin d&apos;être identifié</div>
+    return <div>Besoin d'être identifié</div>
 }
 
 // Fetch server-side data here