Add ability to zoom in to live and recordings views (#10475)

* Make live view zoomable

* Add zooming to full recordings

web/package-lock.json

@@ -52,6 +52,7 @@
         "react-tracked": "^1.7.11",
         "react-transition-group": "^4.4.5",
         "react-use-websocket": "^4.7.0",
+        "react-zoom-pan-pinch": "^3.4.3",
         "recoil": "^0.7.7",
         "scroll-into-view-if-needed": "^3.1.0",
         "sonner": "^1.4.0",
@@ -6694,6 +6695,19 @@
         "react-dom": ">= 18.0.0"
       }
     },
+    "node_modules/react-zoom-pan-pinch": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/react-zoom-pan-pinch/-/react-zoom-pan-pinch-3.4.3.tgz",
+      "integrity": "sha512-x5MFlfAx2D6NTpZu8OISqc2nYn4p+YEaM1p21w7S/VE1wbVzK8vRzTo9Bj1ydufa649MuP7JBRM3vvj1RftFZw==",
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",