About Page Redesign

[raclim]

Fixes #2701

Notes:

• Implements redesign of the About page created by Jackie Liu, which addresses issues with responsiveness.

Changes:

• Converts the original About page modal into a full size page. The portions pertaining to the modal are removed from IDEView.jsx and IDEOverlays.jsx.
• Creates a new page module: client/modules/About. This module holds About.jsx and relevant styling/statics (aboutData.js,About.styles.js). routes.jsx is also updated to account for this change.
• Updates translations/locales/en-US/translations.json with the new page content. Translations in other languages will need to be added.
• Implements styled-components and removes SASS (_about.scss, main.scss).
• Removes About.stories.jsx. This will probably need to be reimplemented.

Images:

• Desktop

• 770px and above

• 769px and below. Similar to Mobile, which is illustrated in linked Figma Design.

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[release-com]

Release Environments

This Environment is provided by Release, learn more!
To see the status of the Environment click on Environment Status below.

• p5.js-web-editor
  • app-tedaa9c.release.editor.p5js.org/
  • preview-tedaa9c.release.editor.p5js.org/

🔧Environment Status : https://app.release.com/public/Processing%20Foundation/env-0904d4752d