Add ability to link to review items directly (#11002)

* Fix action group icon colors

* Add ability to query specific review item

* Pull id search key and open recordings to review item

web/src/hooks/use-overlay-state.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useMemo } from "react";
+import { useCallback, useEffect, useMemo } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { usePersistence } from "./use-persistence";
 
@@ -91,3 +91,30 @@ export function useHashState<S extends string>(): [
 
   return [hash, setHash];
 }
+
+export function useSearchEffect(
+  key: string,
+  callback: (value: string) => void,
+) {
+  const location = useLocation();
+
+  const param = useMemo(() => {
+    if (!location || !location.search || location.search.length == 0) {
+      return undefined;
+    }
+
+    const params = location.search.substring(1).split("&");
+
+    return params
+      .find((p) => p.includes("=") && p.split("=")[0] == key)
+      ?.split("=");
+  }, [location, key]);
+
+  useEffect(() => {
+    if (!param) {
+      return;
+    }
+
+    callback(param[1]);
+  }, [param, callback]);
+}