fix: block switching the active query when querying the backend

src/lib/querybuilder/panel/QueryBuilderNav.tsx

@@ -115,7 +115,9 @@ export const QueryBuilderNav = (props: QueryBuilderNavProps) => {
           </Tooltip>
         </TooltipProvider>
       </div>
-      <Tabs className="-my-px overflow-x-auto overflow-y-hidden no-scrollbar divide-x divide-secondary-200 border-x">
+      <Tabs
+        className={`-my-px overflow-x-auto overflow-y-hidden no-scrollbar divide-x divide-secondary-200 border-x ${result.queryingBackend ? 'pointer-events-none' : ''}`}
+      >
         {activeSS.queryStates.openQueryArray
           .filter(query => query.id != null)
           .map((query, i) => (