[web] fix context menu (#3939)

## Description

Context menu was broken on v3, this PR fixes it. 

WebDelegate never handled changing contextMenu. when context had been
disabled the `areContextMenuListenersAdded` was set to true, later when
it was enabled it would not change the listener from disabled to enabled
as the `addContextMenuListeners` returned after seeing that the
listeners had already been added.

## Test plan

Tested on the following example:

<details>

```tsx

import React from 'react';
import { StyleSheet, View } from 'react-native';
import {
  GestureDetector,
  MouseButton,
  usePanGesture,
} from 'react-native-gesture-handler';

export default function ContextMenuExample() {
  const p1 = usePanGesture({ mouseButton: MouseButton.RIGHT });
  const p2 = usePanGesture({});
  const p3 = usePanGesture({});
  return (
    <View style={styles.container}>
      <GestureDetector gesture={p1}>
        <View style={[styles.box, styles.grandParent]}>
          <GestureDetector gesture={p2} enableContextMenu={true}>
            <View style={[styles.box, styles.parent]}>
              <GestureDetector gesture={p3} enableContextMenu={false}>
                <View style={[styles.box, styles.child]} />
              </GestureDetector>
            </View>
          </GestureDetector>
        </View>
      </GestureDetector>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'space-around',
    alignItems: 'center',
  },

  grandParent: {
    width: 300,
    height: 300,
    backgroundColor: "navy",
  },

  parent: {
    width: 200,
    height: 200,
    backgroundColor: "purple",
  },

  child: {
    width: 100,
    height: 100,
    backgroundColor: "blue",
  },

  box: {
    display: 'flex',
    justifyContent: 'space-around',
    alignItems: 'center',
    borderRadius: 20,
  },
});

```

</details>

Author: akwasniewski

packages/react-native-gesture-handler/src/web/tools/GestureHandlerWebDelegate.ts

@@ -33,6 +33,7 @@ export class GestureHandlerWebDelegate
   };
 
   private areContextMenuListenersAdded = false;
+  private wasContextMenuEnabled = false;
 
   init(viewRef: number, handler: IGestureHandler): void {
     if (!viewRef) {
@@ -158,9 +159,11 @@ export class GestureHandlerWebDelegate
     }
 
     if (this.shouldDisableContextMenu()) {
+      this.wasContextMenuEnabled = false;
       this.view.addEventListener('contextmenu', this.disableContextMenu);
       this.areContextMenuListenersAdded = true;
     } else if (this.gestureHandler.enableContextMenu) {
+      this.wasContextMenuEnabled = true;
       this.view.addEventListener('contextmenu', this.enableContextMenu);
       this.areContextMenuListenersAdded = true;
     }
@@ -173,10 +176,14 @@ export class GestureHandlerWebDelegate
 
     this.ensureView(this.view);
 
-    if (this.shouldDisableContextMenu()) {
+    if (!this.areContextMenuListenersAdded) {
+      return;
+    }
+
+    if (!this.wasContextMenuEnabled) {
       this.view.removeEventListener('contextmenu', this.disableContextMenu);
       this.areContextMenuListenersAdded = false;
-    } else if (this.gestureHandler.enableContextMenu) {
+    } else {
       this.view.removeEventListener('contextmenu', this.enableContextMenu);
       this.areContextMenuListenersAdded = false;
     }
@@ -220,11 +227,16 @@ export class GestureHandlerWebDelegate
   }
 
   private setContextMenu() {
-    if (this.gestureHandler.enabled) {
-      this.addContextMenuListeners();
-    } else {
+    if (!this.gestureHandler.enabled) {
+      this.removeContextMenuListeners();
+      return;
+    }
+
+    if (!this.wasContextMenuEnabled) {
       this.removeContextMenuListeners();
     }
+
+    this.addContextMenuListeners();
   }
 
   onEnabledChange(): void {