refactor(client): move punctuation mark to translation string (freeCodeCamp#55798)

Author: huyenltnguyen

client/i18n/locales/english/translations.json

@@ -408,7 +408,7 @@
     "rsa-forum": "<strong>Before making a new post</strong> please <0>check if your question has already been answered on the forum</0>.",
     "reset": "Reset this lesson?",
     "reset-warn": "Are you sure you wish to reset this lesson? The editors and tests will be reset.",
-    "reset-warn-2": "This cannot be undone",
+    "reset-warn-2": "This cannot be undone.",
     "scrimba-tip": "Tip: If the mini-browser is covering the code, click and drag to move it. Also, feel free to stop and edit the code in the video at any time.",
     "chal-preview": "Challenge Preview",
     "donation-record-not-found": "Your donation record has not been found.",

client/src/templates/Challenges/components/reset-modal.tsx

@@ -45,13 +45,11 @@ function ResetModal({ reset, close, isOpen }: ResetModalProps): JSX.Element {
       <Modal.Header showCloseButton={true} closeButtonClassNames='close'>
         {t('learn.reset')}
       </Modal.Header>
-      <Modal.Body>
-        <div className='text-center'>
-          <p>{t('learn.reset-warn')}</p>
-          <p>
-            <em>{t('learn.reset-warn-2')}</em>.
-          </p>
-        </div>
+      <Modal.Body alignment='center'>
+        <p>{t('learn.reset-warn')}</p>
+        <p>
+          <em>{t('learn.reset-warn-2')}</em>
+        </p>
       </Modal.Body>
       <Modal.Footer>
         <Button