docs: redesign docs collapsible categories (#1748)

* docs: redesign docs collapsible categories

Closes #1341

* Fix people creation from People table page

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

docs/docs/developer/additional/_category_.json

@@ -3,5 +3,7 @@
   "position": 10,
   "collapsible": true,
   "collapsed": true,
-  "className": "navbar-sub-menu"
+  "customProps": {
+    "icon": "TbPlus"
+  }
 }

docs/docs/developer/frontend/_category_.json

@@ -3,5 +3,7 @@
   "position": 3,
   "collapsible": true,
   "collapsed": false,
-  "className": "navbar-sub-menu"
+  "customProps": {
+    "icon": "TbTerminal2"
+  }
 }

docs/docs/developer/frontend/best-practices.mdx

@@ -251,8 +251,6 @@ const MyComponent = ({ MyIcon }: { MyIcon: IconComponent }) => {
 
 For React to understand that the component is a component, you need to use PascalCase, to later instanciate it with `<MyIcon>`
 
-```tsx
-
 ## Prop Drilling: Keep It Minimal
 
 Prop drilling, in the React context, refers to the practice of passing state variables and their setters through multiple component layers, even if intermediary components don't use them. While sometimes necessary, excessive prop drilling can lead to:

docs/docs/developer/local-setup.mdx

@@ -40,7 +40,7 @@ git clone git@github.com:twentyhq/twenty.git
 
 
 ### 3. PostgreSQL database
-You also need to have a PosgresSQL database available. If you already have one available, you can skip this step.
+You also need to have a PostgreSQL database available. If you already have one available, you can skip this step.
 
 If you don't, you can provision one through `docker` using the following command: