Update description for doc pages

Author: Ives van Hoorne

packages/homepage/src/components/TitleAndMetaTags.js

@@ -3,18 +3,18 @@ import Helmet from 'react-helmet';
 
 export default ({
   title = 'CodeSandbox: Online Code Editor Tailored for Web Application Development',
+  description = 'CodeSandbox is an online code editor with a focus on creating and sharing web application projects',
 }: {
   title: string,
+  description: string,
 }) => (
   <Helmet
     title={title}
     meta={[
       { name: 'og:title', content: title },
-      {
-        name: 'description',
-        content:
-          'CodeSandbox is an online code editor with a focus on creating and sharing web application projects',
-      },
+      { name: 'description', content: description },
+      { name: 'og:description', content: description },
+      { name: 'twitter:description', content: description },
       {
         name: 'keywords',
         content:

packages/homepage/src/html.js

@@ -36,10 +36,6 @@ export default class HTML extends Component {
           />
           <meta property="og:type" content="website" />
           <meta property="og:author" content="https://ivesvh.com" />
-          <meta
-            property="og:description"
-            content="CodeSandbox is an online code editor with a focus on creating and sharing web application projects"
-          />
           <meta
             property="og:image"
             content="https://codesandbox.io/static/img/banner.png"
@@ -50,10 +46,6 @@ export default class HTML extends Component {
           <meta property="twitter:site" content="@CompuIves" />
           <meta property="twitter:creator" content="@CompuIves" />
           <meta property="twitter:title" content="CodeSandbox" />
-          <meta
-            property="twitter:description"
-            content="CodeSandbox is an online code editor with a focus on creating and sharing web application projects"
-          />
           <meta
             property="twitter:image:src"
             content="https://codesandbox.io/static/img/banner.png"

packages/homepage/src/templates/docs.js

@@ -191,7 +191,10 @@ export default class Docs extends React.Component {
 
     return (
       <Container style={{ overflowX: 'auto' }}>
-        <TitleAndMetaTags title={`${frontmatter.title} - CodeSandbox`} />
+        <TitleAndMetaTags
+          title={`${frontmatter.title} - CodeSandbox`}
+          description={frontmatter.description}
+        />
         <PageContainer>
           <DocsContainer>
             <div