authenticate: implement hpke-based login flow (#3779)

* urlutil: add time validation functions

* authenticate: implement hpke-based login flow

* fix import cycle

* fix tests

* log error

* fix callback url

* add idp param

* fix test

* fix test

ui/src/components/ClaimRow.tsx

@@ -0,0 +1,31 @@
+import TableCell from "@mui/material/TableCell";
+import TableRow from "@mui/material/TableRow";
+import { isArray, startCase } from "lodash";
+import React, { FC } from "react";
+
+import ClaimValue from "./ClaimValue";
+
+export type ClaimRowProps = {
+  claimKey: string;
+  claimValue: unknown;
+};
+export const ClaimRow: FC<ClaimRowProps> = ({ claimKey, claimValue }) => {
+  return (
+    <TableRow>
+      <TableCell variant="head">{startCase(claimKey)}</TableCell>
+      <TableCell align="left">
+        {isArray(claimValue) ? (
+          claimValue?.map((v, i) => (
+            <React.Fragment key={`${v}`}>
+              {i > 0 ? <br /> : <></>}
+              <ClaimValue claimKey={claimKey} claimValue={v} />
+            </React.Fragment>
+          ))
+        ) : (
+          <ClaimValue claimKey={claimKey} claimValue={claimValue} />
+        )}
+      </TableCell>
+    </TableRow>
+  );
+};
+export default ClaimRow;