[Frontend] meta tags for google and FB

[thejmazz]

See here and this.

One relevant file is /static/src/components/Page.js which only works for some metas. That is,

const metas = {
    viewport: 'width=device-width, initial-scale=1',
    description: 'UofT BioHacks 2016 Website',
    author: 'iGEM Toronto'
}

will map into

<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="UofT BioHacks 2016 Website" />
<meta name="author" content="iGEM Toronto" />

Which brings us to the second file: static/src/components/Html.js. Here, you can just add in <meta>s manually. And you'll need to do this for the FB og ones.

We can test how it works on FB in our group first.

[thejmazz]

@SerayCicek give this a look if you have something to update how the facebook preview of the link to our site looks

[thejmazz]