Add Algolia Search + other quick improvements to docs (#198)

docs/src/pages/graphql.tsx

@@ -10,18 +10,25 @@ import 'graphiql/graphiql.css';
 
 // Docusaurus does SSR for custom pages but we need to load GraphiQL in the browser
 function GraphiQLComponent() {
+  if(!window.localStorage.getItem('graphiql:theme') && window.localStorage.getItem('theme') != 'dark') {
+    window.localStorage.setItem('graphiql:theme', 'light');
+  } 
+
   const fetcher = createGraphiQLFetcher({ url: 'https://api.twenty.com/graphql' });
-  return <GraphiQL fetcher={fetcher} />;
+  return (
+  <div className="fullHeightPlayground">
+    <GraphiQL fetcher={fetcher} />;
+  </div>
+  );
 }
 
 export default function graphQL() {
   return (
-    <Layout title="Hello" description="Hello React Page">
-      <div className="fullHeightPlayground">
+    <Layout title="GraphQL Playground" description="GraphQL Playground for Twenty">
+      
         <BrowserOnly>
           {() => <GraphiQLComponent />}
         </BrowserOnly>
-      </div>
     </Layout>
   );
 }