Add setting for disabling panning

src/components/ControlPanel.jsx

@@ -924,7 +924,24 @@ export default function ControlPanel({
         function: () => {},
       },
       Settings: {
-        function: () => {},
+        children: [
+          {
+            Autosave: () =>
+              setSettings((prev) => {
+                Toast.success(
+                  `Autosave is ${settings.autosave ? "off" : "on"}`
+                );
+                return { ...prev, autosave: !prev.autosave };
+              }),
+          },
+          {
+            Panning: () =>
+              setSettings((prev) => {
+                Toast.success(`Panning is ${settings.panning ? "off" : "on"}`);
+                return { ...prev, panning: !prev.panning };
+              }),
+          },
+        ],
       },
       Exit: {
         function: () => {},

src/components/canvas.jsx

@@ -127,6 +127,9 @@ export default function Canvas(props) {
       dragging.element === ObjectType.NONE &&
       areaResize.id === -1
     ) {
+      if (!settings.panning) {
+        return;
+      }
       const dx = e.clientX - panOffset.x;
       const dy = e.clientY - panOffset.y;
       setSettings((prev) => ({