Translated progress indicator

Author: Weiguang Xiao

public/locales/en/ProgressIndicator.json

@@ -0,0 +1,5 @@
+{
+  "Prepare": "Prepare",
+  "Step-by-Step": "Step-by-Step",
+  "Challenge": "Challenge"
+}

public/locales/fr/ProgressIndicator.json

@@ -0,0 +1,5 @@
+{
+  "Prepare": "Préparer",
+  "Step-by-Step": "Étape par étape",
+  "Challenge": "Défi"
+}

src/frontend/common/ProgressIndicator.js

@@ -1,9 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { useTranslation } from 'react-i18next';
 
 const ProgressIndicator = (props) => {
   const { currentProgress } = props;
-  const progresses = ['Prepare', 'Step-by-Step', 'Challenge'];
+  const { t } = useTranslation('ProgressIndicator');
+
+  const progresses = [t('Prepare'), t('Step-by-Step'), t('Challenge')];
 
   function StepListItem({ progName, progOId }) {
     let classname = '';