delete old ts-ignore comments (#43329)

client/src/components/Donation/DonationModal.tsx

@@ -115,8 +115,6 @@ function DonateModal({
   const blockDonationText = (
     <div className=' text-center block-modal-text'>
       <div className='donation-icon-container'>
-        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-        {/* @ts-ignore */}
         <Cup className='donation-icon' />
       </div>
       <Row>
@@ -134,8 +132,6 @@ function DonateModal({
   const progressDonationText = (
     <div className='text-center progress-modal-text'>
       <div className='donation-icon-container'>
-        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-        {/* @ts-ignore */}
         <Heart className='donation-icon' />
       </div>
       <Row>

client/src/components/settings/about.tsx

@@ -4,8 +4,6 @@ import {
   FormControl,
   HelpBlock,
   Alert
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
 } from '@freecodecamp/react-bootstrap';
 import React, { Component } from 'react';
 

client/src/components/settings/danger-zone.tsx

@@ -1,7 +1,5 @@
 import { Button, Panel } from '@freecodecamp/react-bootstrap';
 import React, { Component } from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import { TFunction, withTranslation } from 'react-i18next';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';

client/src/components/settings/delete-modal.tsx

@@ -3,8 +3,6 @@ import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 
 import { ButtonSpacer } from '../helpers';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 
 import './danger-zone.css';
 

client/src/components/settings/email.tsx

@@ -5,8 +5,6 @@ import {
   ControlLabel,
   FormControl,
   Button
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
 } from '@freecodecamp/react-bootstrap';
 import { Link } from 'gatsby';
 import React, { Component } from 'react';

client/src/components/settings/honesty.tsx

@@ -1,7 +1,5 @@
 import { Button, Panel } from '@freecodecamp/react-bootstrap';
 import React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import { useTranslation } from 'react-i18next';
 
 import HonestyPolicy from '../../resources/honesty-policy';

client/src/components/settings/internet.tsx

@@ -5,8 +5,6 @@ import {
   FormControl,
   FormGroup,
   ControlLabel
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
 } from '@freecodecamp/react-bootstrap';
 import React, { Component } from 'react';
 import { TFunction, withTranslation } from 'react-i18next';

client/src/components/settings/portfolio.tsx

@@ -4,8 +4,6 @@ import {
   ControlLabel,
   FormControl,
   HelpBlock
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
 } from '@freecodecamp/react-bootstrap';
 import { findIndex, find, isEqual } from 'lodash-es';
 import { nanoid } from 'nanoid';

client/src/components/settings/privacy.tsx

@@ -5,8 +5,6 @@ import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import type { Dispatch } from 'redux';
 import { createSelector } from 'reselect';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 
 import { userSelector } from '../../redux';
 import { submitProfileUI } from '../../redux/settings';

client/src/components/settings/reset-modal.tsx

@@ -3,8 +3,6 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { ButtonSpacer } from '../helpers';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 
 type ResetModalProps = {
   onHide: () => void;

client/src/components/settings/theme.tsx

@@ -1,7 +1,5 @@
 import { Form } from '@freecodecamp/react-bootstrap';
 import React from 'react';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 import { useTranslation } from 'react-i18next';
 
 import ToggleSetting from './toggle-setting';

client/src/components/settings/toggle-setting.tsx

@@ -2,8 +2,6 @@ import {
   FormGroup,
   ControlLabel,
   HelpBlock
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
 } from '@freecodecamp/react-bootstrap';
 import React from 'react';
 

client/src/components/settings/username.tsx

@@ -4,8 +4,6 @@ import {
   FormControl,
   Alert,
   FormGroup
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
 } from '@freecodecamp/react-bootstrap';
 import React, { Component } from 'react';
 import { TFunction, withTranslation } from 'react-i18next';

client/src/pages/donate.tsx

@@ -85,10 +85,6 @@ function DonatePage({
     <>
       <Helmet title={`${t('donate.title')} | freeCodeCamp.org`} />
       <Grid className='donate-page-wrapper'>
-        {/* 'Spacer' cannot be used as a JSX component. */}
-        {/* Its return type 'Element | Element[]' is not a valid JSX element. */}
-        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-        {/* @ts-ignore */}
         <Spacer />
         <Row>
           <>
@@ -100,8 +96,6 @@ function DonatePage({
                   ) : (
                     <h2>{t('donate.help-more')}</h2>
                   )}
-                  {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                  {/* @ts-ignore */}
                   <Spacer />
                 </Col>
               </Row>
@@ -131,8 +125,6 @@ function DonatePage({
             </Col>
           </>
         </Row>
-        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-        {/* @ts-ignore */}
         <Spacer />
       </Grid>
     </>

client/src/pages/email-sign-up.tsx

@@ -76,12 +76,8 @@ function AcceptPrivacyTerms({
           <IntroDescription />
           <Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
             <strong>{t('misc.quincy')}</strong>
-            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-            {/* @ts-ignore */}
             <Spacer />
             <p>{t('misc.email-blast')}</p>
-            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-            {/* @ts-ignore */}
             <Spacer />
           </Col>
 
@@ -110,8 +106,6 @@ function AcceptPrivacyTerms({
             <ButtonSpacer />
           </Col>
           <Col xs={12}>
-            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-            {/* @ts-ignore */}
             <Spacer />
           </Col>
         </Row>

client/src/pages/learn.tsx

@@ -82,8 +82,6 @@ function LearnPage({
               slug={slug}
             />
             <Map />
-            {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-            {/* @ts-ignore */}
             <Spacer size={2} />
           </Col>
         </Row>

client/src/pages/update-email.tsx

@@ -71,8 +71,6 @@ function UpdateEmail({ isNewEmail, t, updateMyEmail }: UpdateEmailProps) {
       <Helmet>
         <title>{t('misc.update-email-1')} | freeCodeCamp.org</title>
       </Helmet>
-      {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-      {/* @ts-ignore */}
       <Spacer />
       <h2 className='text-center'>{t('misc.update-email-2')}</h2>
       <Grid>

client/src/templates/Challenges/components/challenge-title.tsx

@@ -25,8 +25,6 @@ function ChallengeTitle({
     <div className='challenge-title-wrap'>
       {translationPending && (
         <>
-          {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-          {/* @ts-ignore */}
           <Link
             className='title-translation-cta'
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment

client/src/templates/Challenges/projects/backend/Show.tsx

@@ -219,8 +219,6 @@ class BackEnd extends Component<BackEndProps> {
           <Grid>
             <Row>
               <Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
-                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                {/* @ts-ignore */}
                 <Spacer />
                 <ChallengeTitle
                   block={block}
@@ -254,8 +252,6 @@ class BackEnd extends Component<BackEndProps> {
                   output={output}
                 />
                 <TestSuite tests={tests} />
-                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                {/* @ts-ignore */}
                 <Spacer />
               </Col>
               <CompletionModal

client/src/templates/Challenges/projects/frontend/Show.tsx

@@ -168,8 +168,6 @@ class Project extends Component<ProjectProps> {
           <Grid>
             <Row>
               <Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
-                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                {/* @ts-ignore */}
                 <Spacer />
                 <ChallengeTitle
                   block={block}
@@ -191,8 +189,6 @@ class Project extends Component<ProjectProps> {
                   guideUrl={getGuideUrl({ forumTopicId, title })}
                 />
                 <br />
-                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                {/* @ts-ignore */}
                 <Spacer />
               </Col>
               <CompletionModal

client/src/templates/Challenges/video/Show.tsx

@@ -205,8 +205,6 @@ class ShowVideo extends Component<ShowVideoProps, ShowVideoState> {
           />
           <Grid>
             <Row>
-              {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-              {/* @ts-ignore */}
               <Spacer />
               <ChallengeTitle
                 block={block}
@@ -246,8 +244,6 @@ class ShowVideo extends Component<ShowVideoProps, ShowVideoState> {
               <Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
                 <ChallengeDescription description={description} />
                 <PrismFormatted className={'line-numbers'} text={text} />
-                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                {/* @ts-ignore */}
                 <Spacer />
                 <ObserveKeys>
                   <div className='video-quiz-options'>
@@ -277,8 +273,6 @@ class ShowVideo extends Component<ShowVideoProps, ShowVideoState> {
                     ))}
                   </div>
                 </ObserveKeys>
-                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                {/* @ts-ignore */}
                 <Spacer />
                 <div
                   style={{
@@ -291,8 +285,6 @@ class ShowVideo extends Component<ShowVideoProps, ShowVideoState> {
                     <span>{t('learn.check-answer')}</span>
                   )}
                 </div>
-                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                {/* @ts-ignore */}
                 <Spacer />
                 <Button
                   block={true}
@@ -304,8 +296,6 @@ class ShowVideo extends Component<ShowVideoProps, ShowVideoState> {
                 >
                   {t('buttons.check-answer')}
                 </Button>
-                {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-                {/* @ts-ignore */}
                 <Spacer size={2} />
               </Col>
               <CompletionModal