[Critical] Add opengraph and twitter metatags to main page and subpages

[Type-kun]

Need these juicy embeds if people decide to share the page

[nobooli]

twitter:

• \
• \
• \
• \
• \
• \

testing site: https://cards-dev.twitter.com/validator

reference: https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/markup

[nobooli]

opengraph:

• \
• \
• \
• \
• \
• \
• \

[nobooli]

lighthouse for testing seo:

• https://developers.google.com/web/tools/lighthouse/

[nobooli]

Due to Vue being a single page application, we will have some limitations since crawlers can't "navigate" past the front page.

• vue-meta is utilized by Nuxt for their applications. It offers the ability to set meta tags inside code in any component within the export default {...} statement that defines the viewmodel. Alternatively and probably less work, just write them up inside the public/index.html file manually
• A sitemap.xml file will also be useful for crawlers even if the site is dynamic.

Additional resources:

• https://github.com/chrisvfritz/prerender-spa-plugin
• https://ssr.vuejs.org/