Repository: freeCodeCamp/freeCodeCamp
File: client/src/components/Footer/index.tsx (TypeScript)

Code before:
              <Link external={false} to={t('trending:article27link')}>
                {t('trending:article27title')}
              </Link>
            </li>
            <li>
              <Link external={false} to={t('trending:article28link')}>
                {t('trending:article28title')}
              </Link>
            </li>
            <li>
              <Link external={false} to={t('trending:article29link')}>
                {t('trending:article29title')}
              </Link>
            </li>
          </ul>
          <div className='mobile-apps'>
            <h2 id='mobile-apps' className='col-header'>
              {t('Mobile Apps')}
            </h2>
            <div className='mobile-apps-container'>
              <a href='https://apps.apple.com/us/app/freecodecamp/id6446908151?itsct=apps_box_link&itscg=30200'>
                <img src={appleMobileAppLogo} alt='apple store badge' />
              </a>
              <a href='https://play.google.com/store/apps/details?id=org.freecodecamp'>
                <img src={androidMobileAppLogo} alt='google play badge' />
              </a>
            </div>
          </div>
        </div>
      </div>
      <div className='footer-bottom'>
        <h2 className='col-header'>{t('footer.our-nonprofit')}</h2>
        <div className='our-nonprofit'>
          <Link external={false} to={t('links:footer.about-url')}>
            {t('footer.links.about')}
          </Link>
          <Link
            external={false}
            sameTab={false}
            to={'https://www.linkedin.com/school/free-code-camp/people/'}
          >
            {t('footer.links.alumni')}
          </Link>
          <Link external={false} to={'https://github.com/freeCodeCamp/'}>
            {t('footer.links.open-source')}
          </Link>
          <Link
            external={false}
            sameTab={false}
            to={t('links:footer.shop-url')}
          >

Review comment (suggestion):
- We should use the `Link` component instead of the base `a` element
- The `alt` text should be changed to `Apple Store` and `Google Play` respectively. Since the images are the only content of the link, we want the text to convey the destination of the link rather than describing what the images are 


Code after:
            </li>
            <li>
              <Link external={false} to={t('trending:article27link')}>
                {t('trending:article27title')}
              </Link>
            </li>
            <li>
              <Link external={false} to={t('trending:article28link')}>
                {t('trending:article28title')}
              </Link>
            </li>
            <li>
              <Link external={false} to={t('trending:article29link')}>
                {t('trending:article29title')}
              </Link>
            </li>
          </ul>

          <Spacer size='medium' />

          <div>
            <h2 id='mobile-app' className='col-header'>
              {t('footer.mobile-app')}
            </h2>
            <Col sm={8} smOffset={2}>
              <ul aria-labelledby='mobile-app' className='mobile-app-container'>
                <li>
                  <Link to='https://apps.apple.com/us/app/freecodecamp/id6446908151?itsct=apps_box_link&itscg=30200'>
                    <img src={appleStoreBadge} alt='Apple Store' />
                  </Link>
                </li>
                <li>
                  <Link to='https://play.google.com/store/apps/details?id=org.freecodecamp'>
                    <img src={googlePlayBadge} alt='Google Play' />
                  </Link>
                </li>
              </ul>
            </Col>
          </div>
        </div>
      </div>
      <div className='footer-bottom'>
        <h2 className='col-header'>{t('footer.our-nonprofit')}</h2>
        <div className='our-nonprofit'>
          <Link external={false} to={t('links:footer.about-url')}>
            {t('footer.links.about')}
          </Link>
          <Link
            external={false}
            sameTab={false}
            to={'https://www.linkedin.com/school/free-code-camp/people/'}