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/content/user-guide/integrations/connect-zapier.mdx

@@ -1,15 +1,13 @@
 ---
-title: Connect Twenty and Zapier
-sidebar_position: 3
-sidebar_custom_props:
-  icon: TbBrandZapier
+title: Connect Zapier
+position: 3
+icon: IconBrandZapier
 ---
 
-:::caution
-
+<div class="warning">
 Twenty integration is currently being registered in the public Zapier repository, you may not find it until the publishing process is complete.
+</div>
 
-:::
 
 Sync Twenty with 3000+ apps using [Zapier](https://zapier.com/), and automate your work. Here's how you can connect Twenty to Zapier:
 
@@ -21,7 +19,7 @@ Sync Twenty with 3000+ apps using [Zapier](https://zapier.com/), and automate yo
 6. Enter your API key and click on 'Yes, Continue to Twenty.'
 
 <div style={{textAlign: 'center'}}>
-    <img src="/images/user-guide/connect-zapier.png" alt="Connect Twenty to Zapier" />
+    <img src="/images/user-guide/connect-zapier.png" alt="Connect Twenty to Zapier" style={{width:'100%', maxWidth:'800px'}}/>
 </div>
 
 You can now continue creating your automation!

packages/twenty-website/src/content/user-guide/integrations/generating-api-keys.mdx

@@ -1,8 +1,7 @@
 ---
-title: Generating an API Key
-sidebar_position: 2
-sidebar_custom_props:
-  icon: TbApi
+title: API Keys
+position: 2
+icon: IconApi
 ---
 
 To generate an API key: 
@@ -14,11 +13,9 @@ To generate an API key:
 5. Hit save to see your API key. 
 6. Since the key is only visible once, make sure you store it somewhere safe. 
 
-:::caution Note
-
+<div class="warning">
 Since your API key contains sensitive information, you shouldn't share it with services you don't fully trust. If leaked, someone can use it maliciously. If you think your API key is no longer secure, make sure you disable it and generate a new one.  
-
-:::
+</div>
 
 
 ## Regenerating API key