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/components/ui/icon-wrapper.tsx

@@ -0,0 +1,21 @@
+import { ForwardedRef, forwardRef } from "react";
+import { IconType } from "react-icons";
+
+interface IconWrapperProps {
+  icon: IconType;
+  className?: string;
+  [key: string]: any;
+}
+
+const IconWrapper = forwardRef(
+  (
+    { icon: Icon, className, ...props }: IconWrapperProps,
+    ref: ForwardedRef<HTMLDivElement>,
+  ) => (
+    <div {...props} ref={ref}>
+      <Icon className={className} />
+    </div>
+  ),
+);
+
+export default IconWrapper;