Marketing improvements 3 (#3175)

* Improve marketing website

* User guide with icons

* Add TOC

* Linter

* Basic GraphQL playground

* Very basic contributors page

* Failed attempt to integrate REST playground

* Yarn

* Begin contributors DB

* Improve contributors page

packages/twenty-website/src/app/emotion-root-style-registry.js

@@ -1,37 +1,37 @@
-'use client'
+'use client';
 
-import { CacheProvider } from '@emotion/react'
-import createCache from '@emotion/cache'
-import { useServerInsertedHTML } from 'next/navigation'
-import { useState } from 'react'
+import { CacheProvider } from '@emotion/react';
+import createCache from '@emotion/cache';
+import { useServerInsertedHTML } from 'next/navigation';
+import { useState } from 'react';
 
 export default function RootStyleRegistry({ children }) {
   const [{ cache, flush }] = useState(() => {
-    const cache = createCache({ key: 'emotion-cache' })
-    cache.compat = true
-    const prevInsert = cache.insert
-    let inserted = []
+    const cache = createCache({ key: 'emotion-cache' });
+    cache.compat = true;
+    const prevInsert = cache.insert;
+    let inserted = [];
     cache.insert = (...args) => {
-      const serialized = args[1]
+      const serialized = args[1];
       if (cache.inserted[serialized.name] === undefined) {
-        inserted.push(serialized.name)
+        inserted.push(serialized.name);
       }
-      return prevInsert(...args)
-    }
+      return prevInsert(...args);
+    };
     const flush = () => {
-      const prevInserted = inserted
-      inserted = []
-      return prevInserted
-    }
-    return { cache, flush }
-  })
+      const prevInserted = inserted;
+      inserted = [];
+      return prevInserted;
+    };
+    return { cache, flush };
+  });
 
   useServerInsertedHTML(() => {
-    const names = flush()
-    if (names.length === 0) return null
-    let styles = ''
+    const names = flush();
+    if (names.length === 0) return null;
+    let styles = '';
     for (const name of names) {
-      styles += cache.inserted[name]
+      styles += cache.inserted[name];
     }
     return (
       <style
@@ -40,8 +40,8 @@ export default function RootStyleRegistry({ children }) {
           __html: styles,
         }}
       />
-    )
-  })
+    );
+  });
 
-  return <CacheProvider value={cache}>{children}</CacheProvider>
+  return <CacheProvider value={cache}>{children}</CacheProvider>;
 }