Add support for Grist embeds. (#3914)

* Add support for Grist embeds.

* Change Grist integration to only support SaaS

* Update Regex

* Update shared/editor/embeds/index.tsx

Co-authored-by: Apoorv Mishra <apoorvmishra101092@gmail.com>

* Change Grist embed to use function based API

* Convert standard URL into embed url

* Update shared/editor/embeds/Grist.tsx

Co-authored-by: Apoorv Mishra <apoorvmishra101092@gmail.com>

* Update shared/editor/embeds/Grist.tsx

Co-authored-by: Apoorv Mishra <apoorvmishra101092@gmail.com>

* Update shared/editor/embeds/Grist.tsx

Co-authored-by: Apoorv Mishra <apoorvmishra101092@gmail.com>

* Lint and test updates

Co-authored-by: Apoorv Mishra <apoorvmishra101092@gmail.com>
Co-authored-by: Tom Moor <tom.moor@gmail.com>

shared/editor/embeds/index.tsx

@@ -24,6 +24,7 @@ import GoogleDrive from "./GoogleDrive";
 import GoogleForms from "./GoogleForms";
 import GoogleSheets from "./GoogleSheets";
 import GoogleSlides from "./GoogleSlides";
+import Grist from "./Grist";
 import InVision from "./InVision";
 import JSFiddle from "./JSFiddle";
 import Loom from "./Loom";
@@ -241,6 +242,13 @@ const embeds: EmbedDescriptor[] = [
     component: GoogleForms,
     matcher: matcher(GoogleForms),
   },
+  {
+    title: "Grist",
+    keywords: "spreadsheet",
+    icon: () => <Img src="/images/grist.png" alt="Grist" />,
+    component: Grist,
+    matcher: matcher(Grist),
+  },
   {
     title: "InVision",
     keywords: "design prototype",