Create a `/projects/{project_name}` template page

[Gkrumbach07]

As a visiter of Thoth's website, I want to be able to read up on everything related to a project from one page so I don't have to bounce around to different pages to find what Im looking for.

These pages will essentially be landing pages for a specific project. We want to either include directly or as links for installation, docs, contribution guidelines and instructions. We also can include features and other details. Many SaaS sites will have a home page for each project (or major project). Including all the elements used in the home screen: hero header, features, why this product section, user stories. See this red hat product page as notice it looks like a company home page

Our goal in this issue is to create a template component in Gatsby that can generate a consistent style for a project page while still allowing customization per product. This will require creating a few reusable components that can be defined in an mdx file.

Any project specific components can be used if need be. They will need (not need but its a better practice) to be placed in a custom project folder to signify they are specific to a project page: src/components/project/{project_name}/{component_name}

Acceptance Criiteria

• A template React component that uses data from a project mdx file.
• It will read frontmatter data and then render the rest of the markdown body
  • mdx allows you to place react components in the markdown file directly (sauce)
• Include a section for showcasing the stack of the project (using frontmatter vars as the list of software)

Note: this issue does not include creating custom components for each project. This is just creating the template and structure for future issues