Make geometries non-movable in the Exploration feature (#936)

**Related Ticket:** 

Addressing [#934](#934)

### Description of Changes

Two changes made, both affecting only the new map component in the
Exploration page:

1. Geometries added from presets are non-draggable & non-editable
2. User-drawn & uploaded geometries are also non-draggable, but their
vertices can be moved

### Notes & Questions About Changes

- Added a new package in the project to initiate StaticMode (mode with
no interactions on polygons):
https://github.com/mapbox/mapbox-gl-draw-static-mode
- Override the `dragMove` and the `dragFeature` methods for the
`simple_select` and `direct_select`
- We might intend to do more complex interactions in the future that
need moving / dragging, so aside from custom modes, an alternative could
be some kind of filtering in the original mode itself based on feature
props? Ie. if a feature has a prop `isPreset`, then it should be handled
differently etc.
- This will probably affect the Data Analysis page as well, once
[827](#827) is merged

### Validation / Testing

1. In E&A, select a preset -> it should be `static` so that no vertices
are visible nor it can be dragged
2. On the same page, draw a polygon -> the polygons vertices should be
draggable, but the polygon itself should be non-movable
3. The same behavior as step 2 applies to uploaded files

app/scripts/components/common/map/controls/aoi/custom-aoi-control.tsx

@@ -168,7 +168,7 @@ function CustomAoI({
     });
     const pids = mbDraw.add(fc);
     setPresetIds(pids);
-    mbDraw.changeMode('simple_select', {
+    mbDraw.changeMode('simple_static', {
       featureIds: pids
     });
 

app/scripts/components/common/map/controls/aoi/index.tsx

@@ -1,4 +1,5 @@
 import MapboxDraw from '@mapbox/mapbox-gl-draw';
+import StaticMode from '@mapbox/mapbox-gl-draw-static-mode';
 import { useTheme } from 'styled-components';
 import { useAtomValue } from 'jotai';
 import { useRef } from 'react';
@@ -9,18 +10,36 @@ import { computeDrawStyles } from './style';
 
 type DrawControlProps = MapboxDraw.DrawOptions;
 
+// Overriding the dragMove and dragFeature methods of the 
+// 'simple_select' and the 'direct_select' modes to avoid
+// accidentally dragging the selected or hand-drawn AOIs 
+const customSimpleSelect = {
+  ...MapboxDraw.modes.simple_select,
+  dragMove() { return; }
+};
+
+const customDirectSelect = {
+  ...MapboxDraw.modes.direct_select,
+  dragFeature() { return; },
+};
+
 export default function DrawControl(props: DrawControlProps) {
   const theme = useTheme();
   const control = useRef<MapboxDraw>();
   const aoisFeatures = useAtomValue(aoisFeaturesAtom);
-
   const { onUpdate, onDelete, onSelectionChange, onDrawModeChange } = useAois();
 
   useControl<MapboxDraw>(
     () => {
       control.current = new MapboxDraw({
         displayControlsDefault: false,
         styles: computeDrawStyles(theme),
+        modes: {
+          ...MapboxDraw.modes,
+          simple_static: StaticMode,
+          simple_select: customSimpleSelect,
+          direct_select: customDirectSelect
+        },
         ...props
       });
       return control.current;

package.json

@@ -113,6 +113,7 @@
     "@emotion/react": "^11.11.3",
     "@floating-ui/react": "^0.25.1",
     "@mapbox/mapbox-gl-draw": "^1.3.0",
+    "@mapbox/mapbox-gl-draw-static-mode": "^1.0.1",
     "@mapbox/mapbox-gl-geocoder": "^5.0.1",
     "@parcel/transformer-raw": "~2.7.0",
     "@reactour/tour": "^3.6.1",

yarn.lock

@@ -2144,6 +2144,11 @@
   resolved "http://verdaccio.ds.io:4873/@mapbox%2fjsonlint-lines-primitives/-/jsonlint-lines-primitives-2.0.2.tgz#ce56e539f83552b58d10d672ea4d6fc9adc7b234"
   integrity sha1-zlblOfg1UrWNENZy6k1vya3HsjQ=
 
+"@mapbox/mapbox-gl-draw-static-mode@^1.0.1":
+  version "1.0.1"
+  resolved "http://verdaccio.ds.io:4873/@mapbox%2fmapbox-gl-draw-static-mode/-/mapbox-gl-draw-static-mode-1.0.1.tgz#da873099b60acaf91790b961ce84b2c762815041"
+  integrity sha512-r/y50dlRJ8ctK5YdhAzimiKIu/R2b0GkGoExw7zWn17CDTn2ftGqsljJOlfLXf5rH15Wv75t1EN9KsM6OkdhWQ==
+
 "@mapbox/mapbox-gl-draw@^1.3.0":
   version "1.3.0"
   resolved "http://verdaccio.ds.io:4873/@mapbox%2fmapbox-gl-draw/-/mapbox-gl-draw-1.3.0.tgz#7a30fb99488cb47a32c25e99c3c62413b04bbaed"