[next] Fixes #1463 - re-re-implements the About page w/ nextjs

[chrispinkney]

Issue This PR Addresses

Fixes #1463

Type of Change

• Bugfix: Change which fixes an issue
• New Feature: Change which adds functionality
• Documentation Update: Change which improves documentation
• UI: Change which improves UI

Description

Been trying to research how to render an md file with NextJS, and AFAIK NextJS renders md files differently than Gatsby. Upon researching this further I found this neat library which not only renders md files, but allows you to inject JSX (TSX) code directly into the md file in question. When styling/MUI is finished for next, styling the about page should be nothing short of jovial.

Furthermore, I think the MDX lib pairs really nicely with how NextJS automagically creates routes based on present files in the pages directory. All I had to do was place the .mdx file alongside otherside the .tsx (currently only index.tsx) files and it renders @ localhost:8000/about out of the box.

I also had to create a next config file (see: next.config.js) to be able to import and read MD/MDX files (see: here)

I'm hesitant about a PR which introduces another dependency, so let me know what you think!

(Ignore the blue Hello text, that was me testing to see if a .tsx component would actually render.)

Checklist

• Quality: This PR builds and passes our npm test and works locally
• Tests: This PR includes thorough tests or an explanation of why it does not
• Screenshots: This PR includes screenshots or GIFs of the changes made or an explanation of why it does not (if applicable)
• Documentation: This PR includes updated/added documentation to user exposed functionality or configuration variables are added/changed or an explanation of why it does not(if applicable)