feat: adds pan and pinch nav mode like figma (#7410)

* Adds Figma pan modes

* Added selection on drag

* Changed multi selection key code to shift

* Changed tests to have correct modifiers

src/frontend/tests/core/features/saveComponents.spec.ts

@@ -55,7 +55,7 @@ test.describe("save component tests", () => {
       await zoomOut(page, 2);
 
       await page.getByTestId("title-Agent Initializer").click({
-        modifiers: ["Control"],
+        modifiers: ["Shift"],
       });
 
       await page.getByRole("button", { name: "Group" }).click();