New mask/zone editor and motion tuner (#11020)

* initial working konva

* working multi polygons

* multi zones

* clean up

* new zone dialog

* clean up

* relative coordinates and colors

* fix color order

* better motion tuner

* objects for zones

* progress

* merge dev

* edit pane

* motion and object masks

* filtering

* add objects and unsaved to type

* motion tuner, edit controls, tooltips

* object and motion edit panes

* polygon item component, switch color, object form, hover cards

* working zone edit pane

* working motion masks

* object masks and deletion of all types

* use FilterSwitch

* motion tuner fixes and tweaks

* clean up

* tweaks

* spaces in camera name

* tweaks

* allow dragging of points while drawing polygon

* turn off editing mode when switching camera

* limit interpolated coordinates and use crosshair cursor

* padding

* fix tooltip trigger for icons

* konva tweaks

* consolidate

* fix top menu items on mobile

web/src/api/ws.tsx

@@ -206,3 +206,45 @@ export function useAudioActivity(camera: string): { payload: number } {
   } = useWs(`${camera}/audio/rms`, "");
   return { payload: payload as number };
 }
+
+export function useMotionThreshold(camera: string): {
+  payload: string;
+  send: (payload: number, retain?: boolean) => void;
+} {
+  const {
+    value: { payload },
+    send,
+  } = useWs(
+    `${camera}/motion_threshold/state`,
+    `${camera}/motion_threshold/set`,
+  );
+  return { payload: payload as string, send };
+}
+
+export function useMotionContourArea(camera: string): {
+  payload: string;
+  send: (payload: number, retain?: boolean) => void;
+} {
+  const {
+    value: { payload },
+    send,
+  } = useWs(
+    `${camera}/motion_contour_area/state`,
+    `${camera}/motion_contour_area/set`,
+  );
+  return { payload: payload as string, send };
+}
+
+export function useImproveContrast(camera: string): {
+  payload: ToggleableSetting;
+  send: (payload: string, retain?: boolean) => void;
+} {
+  const {
+    value: { payload },
+    send,
+  } = useWs(
+    `${camera}/improve_contrast/state`,
+    `${camera}/improve_contrast/set`,
+  );
+  return { payload: payload as ToggleableSetting, send };
+}