docs(apis): cleanup navigation, better overview (#2608)

* api cards, cleanup overview

* endpoint, definition shortcuts, links

* update quickstart links

* mobile overflow

* Update docs/docs/apis/introduction.mdx

Co-authored-by: Florian Forster <florian@caos.ch>

* Update docs/docs/apis/introduction.mdx

Co-authored-by: Florian Forster <florian@caos.ch>

Co-authored-by: Florian Forster <florian@caos.ch>

docs/src/components/apicard.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+import styles from '../css/apicard.module.css';
+
+export function ApiCard({ title, type, label, children}) {
+  let style = styles.apiauth;
+  switch (type) {
+    case 'AUTH':
+      style = styles.apiauth;
+      break;
+    case 'MGMT':
+      style = styles.apimgmt;
+      break;
+    case 'ADMIN':
+      style = styles.apiadmin;
+      break;
+    case 'ASSET':
+      style = styles.apiasset;
+      break;      
+  }
+    
+  return (
+    <div className={`${styles.apicard} ${style} `}>
+      {/* {title && <h2 className={styles.apicard.title}>{title}</h2>} */}
+      {/* <p className={styles.apicard.description}>
+        
+      </p> */}
+      {children}
+    </div>
+  )
+}