fix: properly enable rn-gesture-handler legacy web implem (#763)

App.tsx

@@ -11,6 +11,7 @@ import { MetaMaskProvider } from "metamask-react";
 import React, { ReactNode, memo, useEffect } from "react";
 import { useForm, FormProvider } from "react-hook-form";
 import { Platform, View } from "react-native";
+import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import { MenuProvider } from "react-native-popup-menu";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { Provider as ReduxProvider } from "react-redux";
@@ -42,6 +43,9 @@ const queryClient = new QueryClient();
 type DefaultForm = {
   novalue: string;
 };
+// this is required for react-native-gesture-handler to work on web
+enableLegacyWebImplementation(true);
+// ^ required for drog and drop on the dAppStore
 
 export default function App() {
   const methods = useForm<DefaultForm>();

packages/screens/DAppStore/components/LeftRail.tsx

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { View } from "react-native";
 import { DraxList, DraxProvider } from "react-native-drax";
-import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import { useSelector } from "react-redux";
 
 import { SelectedDraggable } from "./SelectedDraggable";
@@ -21,7 +20,6 @@ export const LeftRail = () => {
   const selectedApps = useSelector(selectCheckedApps);
   const availableApps = useSelector(selectAvailableApps);
   const [isDraggable, setIsDraggable] = useState(true);
-  enableLegacyWebImplementation(true);
   return (
     <View
       style={{