feat: keep search params when navigate to other tab

Author: CurryYangxx

packages/insomnia/src/ui/components/tabs/tabList.tsx

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import React, { useCallback, useEffect, useState } from 'react';
 import { Button, DropIndicator, GridList, Menu, MenuItem, MenuTrigger, Popover, type Selection, useDragAndDrop } from 'react-aria-components';
-import { useFetcher, useNavigate, useParams } from 'react-router-dom';
+import { useFetcher, useNavigate, useParams, useSearchParams } from 'react-router-dom';
 
 import { type ChangeBufferEvent, type ChangeType, database } from '../../../common/database';
 import * as models from '../../../models/index';
@@ -51,6 +51,7 @@ export const OrganizationTabList = ({ showActiveStatus = true, currentPage = ''
 
   const requestFetcher = useFetcher();
   const { organizationId, projectId } = useParams();
+  const [searchParams] = useSearchParams();
 
   const {
     changeActiveTab,
@@ -68,7 +69,8 @@ export const OrganizationTabList = ({ showActiveStatus = true, currentPage = ''
     if (keys !== 'all') {
       const key = [...keys.values()]?.[0] as string;
       const tab = tabList.find(tab => tab.id === key);
-      tab?.url && navigate(tab?.url);
+      // keep the search params when navigate to another tab
+      tab?.url && navigate(`${tab?.url}?${searchParams.toString()}`);
       changeActiveTab(key);
     }
   };