chore: Move to Typescript (#2783)

This PR moves the entire project to Typescript. Due to the ~1000 ignores this will lead to a messy codebase for a while, but the churn is worth it – all of those ignore comments are places that were never type-safe previously.

closes #1282

shared/embeds/Spotify.tsx

@@ -0,0 +1,48 @@
+import * as React from "react";
+import Frame from "./components/Frame";
+
+const URL_REGEX = new RegExp("https?://open.spotify.com/(.*)$");
+type Props = {
+  attrs: {
+    href: string;
+    matches: string[];
+  };
+};
+
+export default class Spotify extends React.Component<Props> {
+  static ENABLED = [URL_REGEX];
+
+  get pathname() {
+    try {
+      const parsed = new URL(this.props.attrs.href);
+      return parsed.pathname;
+    } catch (err) {
+      return "";
+    }
+  }
+
+  render() {
+    const normalizedPath = this.pathname.replace(/^\/embed/, "/");
+    let height;
+
+    if (normalizedPath.includes("episode") || normalizedPath.includes("show")) {
+      height = 232;
+    } else if (normalizedPath.includes("track")) {
+      height = 80;
+    } else {
+      height = 380;
+    }
+
+    return (
+      <Frame
+        {...this.props}
+        // @ts-expect-error ts-migrate(2322) FIXME: Type '{ width: string; height: string; src: string... Remove this comment to see the full error message
+        width="100%"
+        height={`${height}px`}
+        src={`https://open.spotify.com/embed${normalizedPath}`}
+        title="Spotify Embed"
+        allow="encrypted-media"
+      />
+    );
+  }
+}