feat: Add Canva embed support

shared/editor/embeds/Canva.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import Frame from "../components/Frame";
+import { EmbedProps as Props } from ".";
+
+function Canva(props: Props) {
+  const { matches } = props.attrs;
+  const embedId = matches[1];
+
+  return (
+    <Frame
+      {...props}
+      src={`https://www.canva.com/design/${embedId}/view?embed`}
+      title="Canva"
+    />
+  );
+}
+
+Canva.ENABLED = [
+  /^https:\/\/(?:www\.)?canva\.com\/design\/([a-zA-Z0-9]*)\/(.*)$/,
+];
+
+export default Canva;

shared/editor/embeds/index.tsx

@@ -9,6 +9,7 @@ import Abstract from "./Abstract";
 import Airtable from "./Airtable";
 import Berrycast from "./Berrycast";
 import Bilibili from "./Bilibili";
+import Canva from "./Canva";
 import Cawemo from "./Cawemo";
 import ClickUp from "./ClickUp";
 import Codepen from "./Codepen";
@@ -150,6 +151,12 @@ const embeds: EmbedDescriptor[] = [
     icon: <Img src="/images/bilibili.png" alt="Bilibili" />,
     component: Bilibili,
   }),
+  new EmbedDescriptor({
+    title: "Canva",
+    keywords: "design",
+    icon: <Img src="/images/canva.png" alt="Canva" />,
+    component: Canva,
+  }),
   new EmbedDescriptor({
     title: "Cawemo",
     keywords: "bpmn process",