feat: update ChallengeCardUnlocked button

src/components/Challenge/ChallengeCardUnlocked.tsx

@@ -6,7 +6,7 @@ import { updateUserChallengeList } from 'store/challenge/challenge.actions'
 import './challengeCardUnlocked.scss'
 import { UserChallenge } from 'models'
 import ChallengeService from 'services/challenge.service'
-import MuiButton from '@material-ui/core/Button'
+import Button from '@material-ui/core/Button'
 import ChallengeNoFluidModal from './ChallengeNoFluidModal'
 import { AppStore } from 'store'
 import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
@@ -57,15 +57,16 @@ const ChallengeCardUnlocked: React.FC<ChallengeCardUnlockedProps> = ({
       <div className="cardContent cardUnlocked">
         <span className="challengeTitle">{userChallenge.title}</span>
         <StyledIcon className="challengeIcon" icon={challengeIcon} />
-        <MuiButton
+        <Button
+          aria-label={t('challenge.accessibility.button_launch')}
           onClick={launchChallenge}
           classes={{
             root: 'btn-duel-active',
             label: 'text-16-bold',
           }}
         >
-          {t('challenge.card.unlocked.launch')}
-        </MuiButton>
+          {t('challenge.card_unlocked.button_launch')}
+        </Button>
       </div>
       <ChallengeNoFluidModal
         open={openNoFluidModal}

src/locales/fr.json

@@ -392,9 +392,6 @@
   },
   "challenge": {
     "card": {
-      "unlocked": {
-        "launch": "Lancer le challenge"
-      },
       "ongoing": {
         "quiz": "Quiz",
         "exploration": "Explorations",
@@ -417,6 +414,13 @@
       "stars": " étoiles",
       "get_in": "obtenues en ",
       "final_defi": "sur le duel final"
+    },
+    "card_unlocked": {
+      "button_launch": "Lancer le challenge"
+    },
+    "accessibility": {
+      "button_launch": "Lancer le challenge",
+      "button_goto_konnector": "Aller aux connecteurs"
     }
   },
   "challenge_no_fluid_modal": {