Cursorless enablement group page (#1660)

See [deploy
preview](https://deploy-preview-1660--cursorless.netlify.app/enablement-group)

- Also adds support for mdx in our top-level cursorless-org package

## Checklist

- [x] Add meta social tags
- [x] Use latest logo
- [x] Why is logo on social slow? And is it new logo?
- [x] Make prices clickable
- [x] document that sponsorship levels are yearly
- [-] I have added
[tests](https://www.cursorless.org/docs/contributing/test-case-recorder/)
- [-] I have updated the
[docs](https://github.com/cursorless-dev/cursorless/tree/main/docs) and
[cheatsheet](https://github.com/cursorless-dev/cursorless/tree/main/cursorless-talon/src/cheatsheet)
- [-] I have not broken the cheatsheet

---------

Co-authored-by: F-Kunkle <140621314+F-Kunkle@users.noreply.github.com>

Author: pokey

images/logo-white.png

@@ -0,0 +1,15 @@
+import type { MDXComponents } from "mdx/types";
+
+// This file allows you to provide custom React components
+// to be used in MDX files. You can import and use any
+// React component you want, including components from
+// other libraries.
+
+// This file is required to use MDX in `app` directory.
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    // Allows customizing built-in components, e.g. to add styling.
+    // h1: ({ children }) => <h1 style={{ fontSize: "100px" }}>{children}</h1>,
+    ...components,
+  };
+}

packages/cursorless-org/mdx-components.tsx

@@ -1,3 +1,9 @@
+const withMDX = require("@next/mdx")({
+  options: {
+    providerImportSource: "@mdx-js/react",
+  },
+});
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   webpack(config) {
@@ -9,7 +15,10 @@ const nextConfig = {
 
     return config;
   },
+  experimental: {
+    mdxRs: true,
+  },
   reactStrictMode: true,
 };
 
-module.exports = nextConfig;
+module.exports = withMDX(nextConfig);

packages/cursorless-org/next.config.js

@@ -14,6 +14,9 @@
   },
   "dependencies": {
     "@cursorless/cheatsheet": "workspace:*",
+    "@mdx-js/loader": "2.3.0",
+    "@mdx-js/react": "2.3.0",
+    "@next/mdx": "13.4.10",
     "eslint": "^8.38.0",
     "eslint-config-next": "13.5.4",
     "next": "13.5.4",
@@ -24,6 +27,8 @@
   },
   "devDependencies": {
     "@svgr/webpack": "6.5.1",
+    "@types/mdx": "2.0.5",
+    "@types/mdx-js__react": "1.5.5",
     "@types/node": "^16.11.3",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",