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

app/components/Theme.tsx

@@ -0,0 +1,29 @@
+import { observer } from "mobx-react";
+import * as React from "react";
+import { ThemeProvider } from "styled-components";
+import { dark, light, lightMobile, darkMobile } from "@shared/theme";
+import useMediaQuery from "~/hooks/useMediaQuery";
+import useStores from "~/hooks/useStores";
+import GlobalStyles from "~/styles/globals";
+
+type Props = {
+  children: React.ReactNode;
+};
+
+function Theme({ children }: Props) {
+  const { ui } = useStores();
+  const theme = ui.resolvedTheme === "dark" ? dark : light;
+  const mobileTheme = ui.resolvedTheme === "dark" ? darkMobile : lightMobile;
+  const isMobile = useMediaQuery(`(max-width: ${theme.breakpoints.tablet}px)`);
+
+  return (
+    <ThemeProvider theme={isMobile ? mobileTheme : theme}>
+      <>
+        <GlobalStyles />
+        {children}
+      </>
+    </ThemeProvider>
+  );
+}
+
+export default observer(Theme);