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/camera/AutoUpdatingCameraImage.tsx

@@ -6,6 +6,7 @@ type AutoUpdatingCameraImageProps = {
   searchParams?: URLSearchParams;
   showFps?: boolean;
   className?: string;
+  cameraClasses?: string;
   reloadInterval?: number;
 };
 
@@ -16,6 +17,7 @@ export default function AutoUpdatingCameraImage({
   searchParams = undefined,
   showFps = true,
   className,
+  cameraClasses,
   reloadInterval = MIN_LOAD_TIMEOUT_MS,
 }: AutoUpdatingCameraImageProps) {
   const [key, setKey] = useState(Date.now());
@@ -68,6 +70,7 @@ export default function AutoUpdatingCameraImage({
         camera={camera}
         onload={handleLoad}
         searchParams={`cache=${key}&${searchParams}`}
+        className={cameraClasses}
       />
       {showFps ? <span className="text-xs">Displaying at {fps}fps</span> : null}
     </div>