- minor bugfixes

- added developer modal for viewing app data

src/features/cameras/components/CameraSettings/RegionSelector.tsx

@@ -54,7 +54,7 @@ const RegionSelector = ({
     const test = socket.data;
     if (!socket.data) return null;
 
-    if (!test || !test.magnificationLevel) return "0x";
+    if (!test || !test.magnificationLevel) return "1x";
     return test?.magnificationLevel;
   };
 
@@ -238,7 +238,7 @@ const RegionSelector = ({
               />
               <div className="flex flex-col space-y-3">
                 <span className="text-xl">Digital Zoom mode</span>
-                <pre className="text-xs text-gray-400">{`current Zoom: ${getMagnificationLevel()}`}</pre>
+                <pre className="text-xs text-gray-400">{`Current Zoom: ${getMagnificationLevel()}`}</pre>
                 {mode === "zoom" && <small className={`text-gray-400 italic`}>Click image to digitally zoom</small>}
               </div>
             </label>

src/features/cameras/components/Video/VideoFeedGridPainter.tsx

@@ -206,7 +206,7 @@ const VideoFeedGridPainter = () => {
         onMouseLeave={handleStageMouseUp}
         className={`max-w-[55%] md:row-span-3 md:col-span-3 ${mode === "painter" ? "hover:cursor-crosshair" : ""} ${
           mode === "eraser" ? "hover:cursor-pointer" : ""
-        }`}
+        } ${mode === "zoom" ? "hover:cursor-zoom-in" : ""}`}
       >
         <Layer
           scaleX={scale}