Split up in v16 API documentation (#4295)

CC @dimaMachina

Is it possible for the sidebar on `api-v16` to restart? currently it
inherits the root one

Author: JoviDeCroock

website/css/globals.css

@@ -84,7 +84,7 @@ div[id^='headlessui-menu-items'] {
   @apply justify-start;
 
   > a {
-    @apply first:mr-0 hover:!text-primary;
+    @apply hover:!text-primary;
   }
 
   button[id^='headlessui-menu-button'] {

website/pages/_meta.ts

@@ -24,18 +24,16 @@ const meta = {
     title: 'FAQ',
   },
   'going-to-production': '',
-  '-- 4': {
-    type: 'separator',
-    title: 'API Reference',
+  'api-v16': {
+    type: 'menu',
+    title: 'API',
+    items: {
+      2: {
+        title: 'V16',
+        href: '/api-v16/graphql',
+      },
+    },
   },
-  graphql: '',
-  error: '',
-  execution: '',
-  language: '',
-  type: '',
-  utilities: '',
-  validation: '',
-  'graphql-http': '',
 };
 
 export default meta;

website/pages/api-v16/_meta.ts

@@ -0,0 +1,12 @@
+const meta = {
+  graphql: '',
+  error: '',
+  execution: '',
+  language: '',
+  type: '',
+  utilities: '',
+  validation: '',
+  'graphql-http': '',
+};
+
+export default meta;