Update Helmet package and SEO

Author: ethanshar

uilib-docs/package.json

@@ -22,7 +22,7 @@
     "prop-types": "^15.7.2",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
-    "react-helmet": "^5.2.0"
+    "react-helmet": "^6.0.0"
   },
   "devDependencies": {
     "prettier": "^1.16.4"

uilib-docs/src/components/layout.js

@@ -9,18 +9,19 @@ import './layout.scss';
 const Layout = ({children, showSidebar}) => {
   return (
     <div className="layout">
-      <Helmet
-        title="RNUILIB"
-        meta={[
-          {name: 'description', content: 'React Native UI Library'},
-          {name: 'keywords', content: 'react native, uilib'}
-        ]}
-      />
-      <Header/>
+      <Helmet>
+        <meta charSet="utf-8" />
+        <title>RNUILib</title>
+        <meta name="description" content="React Native UI Toolset and Components Library"></meta>
+        <link rel="canonical" href="https://wix.github.io/react-native-ui-lib/" />
+      </Helmet>
+      <Header />
       {/* <div className={`main ${!showSidebar ? 'fill' : ''}`}> */}
       <div className={`main`}>
-        {showSidebar && <Navbar/>}
-        <div className={`content ${showSidebar ? 'with-navbar' : ''}`}>{children}</div>
+        {showSidebar && <Navbar />}
+        <div className={`content ${showSidebar ? 'with-navbar' : ''}`}>
+          {children}
+        </div>
       </div>
     </div>
   );