arcade component added

src/components/arcade/index.jsx

@@ -0,0 +1,33 @@
+import React from "react";
+
+export default function Arcade({id}) {
+  return (
+    <div
+      style={{
+        position: "relative",
+        paddingBottom: "calc(55.43981481481482% + 41px)",
+        height: 0,
+        width: "100%"
+      }}
+    >
+      <iframe
+        src={`https://demo.arcade.software/${id}?embed&show_copy_link=true`}
+        title="PO Requests - Cashflowy POR"
+        frameBorder={0}
+        loading="lazy"
+        webkitallowfullscreen="true"
+        mozallowfullscreen="true"
+        allowFullScreen="true"
+        allow="clipboard-write"
+        style={{
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: "100%",
+          colorScheme: "light"
+        }}
+      />
+    </div>
+  );
+}

src/theme/MDXComponents.js

@@ -11,6 +11,7 @@ import DocsImage from "@site/src/components/docs-image";
 import DocsVideo from "@site/src/components/docs-video";
 import Gsheet from "@site/src/components/gsheet";
 import AddJob from "@site/src/components/add-job";
+import Arcade from "@site/src/components/arcade";
 import AddReport from "@site/src/components/add-report";
 import DocumentDomainWorkaround from "@site/docs/partials/_document-domain-workaround.mdx";
 import E2EOnlyBadge from "@site/src/components/e2e-only-badge";
@@ -129,6 +130,7 @@ export default {
   DocsVideo,
   Gsheet,
   AddJob,
+  Arcade,
   AddReport,
   DocumentDomainWorkaround,
   E2EOnlyBadge,