Streamline Ad (feathericons#823)

* Fix yarn install

* Add Streamline ad

gatsby-config.js

@@ -7,17 +7,17 @@ module.exports = {
   plugins: [
     'gatsby-plugin-react-helmet',
     'gatsby-plugin-theme-ui',
-    {
-      resolve: 'gatsby-plugin-manifest',
-      options: {
-        name: 'Feather',
-        short_name: 'Feather',
-        description: 'Simply beautiful open source icons',
-        start_url: '/',
-        theme_color: `#06f`,
-        background_color: `#fff`,
-      },
-    },
+    // {
+    //   resolve: 'gatsby-plugin-manifest',
+    //   options: {
+    //     name: 'Feather',
+    //     short_name: 'Feather',
+    //     description: 'Simply beautiful open source icons',
+    //     start_url: '/',
+    //     theme_color: `#06f`,
+    //     background_color: `#fff`,
+    //   },
+    // },
     {
       resolve: 'gatsby-plugin-google-analytics',
       options: {

package.json

@@ -23,7 +23,6 @@
     "fuse.js": "3.4.5",
     "gatsby": "^2.17.11",
     "gatsby-plugin-google-analytics": "^2.1.25",
-    "gatsby-plugin-manifest": "^2.2.27",
     "gatsby-plugin-react-helmet": "^3.1.14",
     "gatsby-plugin-theme-ui": "^0.2.43",
     "gatsby-source-filesystem": "^2.1.0",

src/components/Sidebar.js

@@ -1,13 +1,13 @@
 /** @jsx jsx */
 import { jsx } from 'theme-ui'
 import Customize from './Customize'
-import CarbonAd from './CarbonAd'
+import StreamlineAd from './StreamlineAd'
 
 function Sidebar() {
   return (
-    <div sx={{ paddingY: 5, paddingX: 4 }}>
+    <div sx={{ paddingY: 5, paddingX: 4, display: 'grid', gap: 6 }}>
       <Customize />
-      <CarbonAd sx={{ marginTop: 6 }} />
+      <StreamlineAd />
     </div>
   )
 }