Add multi-languages support with i18next

src/Pages/Home/AboutMe.jsx

@@ -1,4 +1,8 @@
+import { useTranslation } from "react-i18next";
+
 export default function AboutMe() {
+  const { t } = useTranslation();
+
   return (
     <section id="AboutMe" className="about--section">
       <div className="about--section--img">
@@ -6,13 +10,13 @@ export default function AboutMe() {
       </div>
       <div className="hero--section--content-box about--section--box">
         <div className="hero--section--content">
-          <p className="section--title">À propos</p>
-          <h1 className="skills-section--heading">À propos de moi</h1>
+          <p className="section--title">{t('about.title')}</p>
+          <h1 className="skills-section--heading">{t('about.heading')}</h1>
           <p className="hero--section-description">
-            Alternant en troisième année d'école d'ingénieur à Polytech Lyon en Informatique en alternance à WORLDLINE, occupant le poste d'ingénieur SRE/OPS.
+            {t('about.description1')}
           </p>
           <p className="hero--section-description">
-            Passionné d’informatique, je suis à la recherche d’une mobilité à l'étranger pour développer mes compétences et contribuer à un projet d'entreprise qu’il soit orienté Infrastructure, Développement, OPS, Bases de Données ...
+            {t('about.description2')}
           </p>
         </div>
       </div>