Convert CommonJS to ESM; Auth/Theme providers

[koistya]

• Set "type": "module" in package.json files (except for db/package.json for now)
• Update TypeScript from ^4.4.4 to ^4.5.5 (releases, announcement)
• Update ESLint from ^8.2.0 to ^8.7.0 (releases)
• Update Prettier from ^2.4.1 to ^2.5.1 (releases
• Update other dependencies to the latest versions
• Remove .prettierrc.js in favor of package.json->prettier
• Remove jest.config.js in favor of package.json->jest
• Convert scripts/*.js files to US; use zx to run these scripts
• [api] Generate ES output on yarn api:build, tweak Rollup config and source code to support ES build
• [api] Add GitHub OAuth 2.0 authentication example
• [api] Replace moment-timezone with date-fns + date-fns-tz
• [img] Convert to ES
• [web] Refactor Auth and Theme providers; update LoginDialog to use the new auth React hook
• [web] Allow to mark some routes as requiring authentication by adding authorize: true flag
• [web] Add useAuth, useAuthCallback, and useTheme React hooks:

Accessing the currently logged in user object from anywhere in the app

import { useAuth } from "../core";

function Example(): JSX.Element {
  const auth = useAuth();

  // auth.me → { id: "xxx", username: "john", ... } | null | undefined
  // auth.signIn() → opens login dialog
  // auth.signIn({ method: "Google" }) → opens Google login screen (in a popup window)
  // auth.signOut() → clears authentication session

  return (
    <p>{me ? `Hello, ${me.name}!` : <button onClick={auth.signIn}>SignIn</button>}
  )
}

Show login dialog for some user actions requiring authentication

import { useAuthCallback } from "../core";

function Example(): JSX.Element {
  const handleClick = useAuthCallback(() => {
    alert("You will see this message after signing in.");
  }, []);

  return <button onClick={handleClick}>Click me!</button>
}

Toggle between light/dark themes

import { useTheme } from "../core";

function Example(): JSX.Element {
  const [theme, toggleTheme] = useTheme();

  return (
    <button onClick={toggleTheme}>
      Dark mode: {theme.palette.mode === "light" ? "ON" : "OFF"}
    </button>
  )
}

Marking some routes as requiring authentication (e.g. https://example.com/settings)

{
  path: "/settings",
  query: graphql`...`,
  authorize: true, // <-- only authenticated users can access this page
  render(data) { ... }
}