Fix issues with docs website

Closes #732
Closes #797

These issues come from the fact that we have custom code for the sidebar
This custom code adds a logo (I moved that to the header) + algolia search (not very useful IMO, just search the github repo)

docs/gatsby-config.js

@@ -61,10 +61,5 @@ module.exports = {
         precachePages: [`/`, `/install`, `/tutorial/overview`],
       },
     },
-
-    {
-      resolve: `gatsby-plugin-algolia-docsearch`,
-      options: require("./algolia.json"),
-    },
   ],
 }

docs/package.json

@@ -9,7 +9,6 @@
     "docz": "^2.4.0",
     "gatsby": "^2.0.0",
     "gatsby-image": "^3.11.0",
-    "gatsby-plugin-algolia-docsearch": "^1.0.5",
     "gatsby-plugin-catch-links": "^2.1.21",
     "gatsby-plugin-manifest": "^2.2.34",
     "gatsby-plugin-offline": "^3.0.30",

docs/src/gatsby-theme-docz/components/Logo/index.js

@@ -3,23 +3,27 @@ import * as styles from "gatsby-theme-docz/src/components/Logo/styles"
 /** @jsx jsx */
 import { Flex, jsx } from "theme-ui"
 import { Link, useConfig } from "docz"
+import logo from '../../../../img/logo.svg'
 
 export const Logo = () => {
-  const config = useConfig()
-  return (
-    <Flex alignItems="center" sx={styles.logo} data-testid="logo">
-      <Link
-        to="/"
-        sx={{
-          ...styles.link,
-          display: "flex",
-          flexDirection: "column",
-          lineHeight: "1.2",
-        }}
-      >
-        <span>Grafana Tanka</span>
-        <span sx={{ fontSize: "0.7em" }}>{config.description}</span>
-      </Link>
-    </Flex>
-  )
+    const config = useConfig()
+    return (
+        <Flex alignItems="center" sx={styles.logo} data-testid="logo">
+            <Link
+                to="/"
+                sx={{
+                    ...styles.link,
+                    display: "flex",
+                    flexDirection: "column",
+                    lineHeight: "1.2",
+                }}
+            >
+                <div sx={{ display: 'inline-block' }}>
+                    <img src={logo} alt="That's my logo" sx={{ maxHeight: "1.2em", marginRight: '0.2em', display: 'inline-block', float: 'left' }} />
+                    <span sx={{ display: 'inline-block' }}>Grafana Tanka</span>
+                    <span sx={{ fontSize: "0.7em", display: 'block' }}>{config.description}</span>
+                </div>
+            </Link>
+        </Flex>
+    )
 }