Fix GraphQL editor

https://feedback.yaak.app/p/select-text-of-navbar-in-edit-mode

src-web/components/GitDropdown.tsx

@@ -343,7 +343,7 @@ function SetupSyncDropdown({ workspaceMeta }: { workspaceMeta: WorkspaceMeta })
           color: 'success',
           label: 'Open Workspace Settings',
           leftSlot: <Icon icon="settings" />,
-          onSelect: () => openWorkspaceSettings('general'),
+          onSelect: () => openWorkspaceSettings('data'),
         },
         { type: 'separator' },
         {

src-web/components/HttpRequestPane.tsx

@@ -409,6 +409,7 @@ export function HttpRequestPane({ style, fullHeight, className, activeRequest }:
                 ) : activeRequest.bodyType === BODY_TYPE_GRAPHQL ? (
                   <Suspense>
                     <GraphQLEditor
+                      key={forceUpdateKey}
                       forceUpdateKey={forceUpdateKey}
                       baseRequest={activeRequest}
                       request={activeRequest}

src-web/components/WorkspaceSettingsDialog.tsx

@@ -73,7 +73,7 @@ export function WorkspaceSettingsDialog({ workspaceId, hide, tab }: Props) {
         { value: TAB_GENERAL, label: 'General' },
         {
           value: TAB_DATA,
-          label: 'Directory Sync',
+          label: 'Data',
         },
         ...headersTab,
         ...authTab,

src-web/components/core/tree/TreeItem.tsx

@@ -248,7 +248,7 @@ function TreeItem_<T extends { id: string }>({
     attributes,
     listeners,
     setNodeRef: setDraggableRef,
-  } = useDraggable({ id: node.item.id, disabled: node.draggable === false });
+  } = useDraggable({ id: node.item.id, disabled: node.draggable === false || editing });
 
   const { setNodeRef: setDroppableRef } = useDroppable({ id: node.item.id });