Use a page instead of a dialog for compliance page authentication

Signed-off-by: Émile Ré <emile@getprobo.com>

apps/trust/src/pages/auth/ConnectPageLoader.tsx

@@ -0,0 +1,32 @@
+import { useQueryLoader } from "react-relay";
+import { ConnectPage, connectPageQuery } from "./ConnectPage";
+import { Suspense, useEffect } from "react";
+import { RelayProvider } from "/providers/RelayProviders";
+import type { ConnectPageQuery } from "./__generated__/ConnectPageQuery.graphql";
+
+function ConnectPageLoader() {
+  const [queryRef, loadQuery] =
+    useQueryLoader<ConnectPageQuery>(connectPageQuery);
+
+  useEffect(() => {
+    if (!queryRef) {
+      loadQuery({});
+    }
+  });
+
+  if (!queryRef) return null;
+
+  return (
+    <Suspense>
+      <ConnectPage queryRef={queryRef} />
+    </Suspense>
+  );
+}
+
+export default function () {
+  return (
+    <RelayProvider>
+      <ConnectPageLoader />
+    </RelayProvider>
+  );
+}