Add a try it out option for Link to docs

docs/auth-flow/try-it-out.md

@@ -0,0 +1,29 @@
+---
+title: "Try it out"
+description: "See Link in action"
+---
+
+1. Create a company following [this guide](/get-started/first-steps#1-create-a-company)
+2. Add it to the input below
+3. Click `Connect` to open Link
+
+```jsx live
+function AuthFlow() {
+  const [companyId, setCompanyId] = React.useState(
+    "e0e0462f-d7f3-456f-b3e9-0b40afe0245e",
+  );
+
+  return (
+    <div>
+      <label>Company ID:</label>
+      <input
+        type="text"
+        value={companyId}
+        onChange={(e) => setCompanyId(e.target.value)}
+      />
+
+      <CodatLink companyId={companyId} />
+    </div>
+  );
+}
+```

sidebars/auth-flow.js

@@ -26,16 +26,12 @@ module.exports = [
     ],
   },
   "auth-flow/migration-guide",
+  "auth-flow/try-it-out",
   {
     type: "link",
     label: "NPM",
     href: "https://www.npmjs.com/package/@codat/sdk-link-types",
   },
-  {
-    type: "link",
-    label: "Try it out",
-    href: "https://sdk-link.vercel.app/",
-  },
   {
     type: "link",
     label: "See examples",

src/theme/ReactLiveScope/index.js

@@ -1,9 +1,5 @@
 import React, { useState } from "react";
 
-import {
-  ConnectionCallbackArgs,
-  ErrorCallbackArgs,
-} from "@codat/sdk-link-types";
 import { CodatLink as Wrapper } from "@components/CodatLink";
 
 import styles from "./styles.module.scss";