replaced setSearchParams with updateRawSearchParams for framework change (#983)

This PR is a fix for [Bug
1999795](https://bugzilla.mozilla.org/show_bug.cgi?id=1999795).

The reporter noticed that after clearing a search term, changing the
framework creates an url with the old search term intact. This is not
the expected behavior.

This PR replaces `setSearchParams` with `updateRawSearchParams` for
onFrameworkChange and onTestVersionChange, using the custom hook for
updating the search params.


To test with production version bug:
[Production
Link](https://perf.compare/compare-results?baseRev=e5e0964a228d62e9f77b29e93e8b0d8e6ef15a5a&baseRepo=try&newRev=89ebb0972d42440367c8420ed0fbd10721177c2b&newRepo=try&framework=13&search=speedo)

1. Clear the search term speedo
2. It should be clear in the url.
3. Change the framework from browsertime to talos
4. The url still has the search=speedo

### To test with deployed version:


[DeployLink](https://deploy-preview-983--mozilla-perfcompare.netlify.app/compare-results?baseRev=e5e0964a228d62e9f77b29e93e8b0d8e6ef15a5a&baseRepo=try&newRev=89ebb0972d42440367c8420ed0fbd10721177c2b&newRepo=try&framework=13&test_version=mann-whitney-u&search=speedo)

1. Clear the search term speedo
2. It should be clear in the url.
3. Change the framework from browsertime to talos
4. The url should not have the search term speedo

Author: kala-moz

src/__tests__/CompareResults/ResultsTable.test.tsx

@@ -1171,4 +1171,24 @@ describe('Results Table for MannWhitneyResultsItem for mann-whitney-u testVersio
     // It should be persisted in the URL
     expectParameterToHaveValue('sort', 'effects|asc');
   });
+
+  it('should switch between Student-T and Mann-Whitney-U test versions', async () => {
+    const { testCompareData } = getTestData();
+    setupAndRender(testCompareData, 'test_version=student-t');
+    await screen.findByText('a11yr');
+    expectParameterToHaveValue('test_version', 'student-t');
+    const testVersionDropdown = screen.getByRole('combobox', {
+      name: 'Stats Test Version',
+    });
+    expect(testVersionDropdown).toBeInTheDocument();
+    const user = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
+    await user.click(testVersionDropdown);
+    const mannWhitneyOption = await screen.findByRole('option', {
+      name: 'Mann-Whitney-U',
+    });
+    await user.click(mannWhitneyOption);
+
+    // The URL should be updated with the new test version
+    expectParameterToHaveValue('test_version', 'mann-whitney-u');
+  });
 });

src/components/CompareResults/ResultsTable.tsx

@@ -2,7 +2,7 @@ import { Suspense, useState } from 'react';
 
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';
-import { useSearchParams, useLoaderData, Await } from 'react-router';
+import { useLoaderData, Await } from 'react-router';
 
 import type { LoaderReturnValue } from './loader';
 import type { LoaderReturnValue as OverTimeLoaderReturnValue } from './overTimeLoader';
@@ -26,7 +26,6 @@ export default function ResultsTable() {
     replicates,
     testVersion,
   } = useLoaderData<CombinedLoaderReturnValue>();
-  const [searchParams, setSearchParams] = useSearchParams();
 
   // This is our custom hook that updates the search params without a rerender.
   const [rawSearchParams, updateRawSearchParams] = useRawSearchParams();
@@ -52,8 +51,8 @@ export default function ResultsTable() {
 
   const onFrameworkChange = (newFrameworkId: Framework['id']) => {
     setFrameworkIdVal(newFrameworkId);
-    searchParams.set('framework', newFrameworkId.toString());
-    setSearchParams(searchParams);
+    rawSearchParams.set('framework', newFrameworkId.toString());
+    updateRawSearchParams(rawSearchParams);
   };
 
   const onSearchTermChange = (newSearchTerm: string) => {
@@ -68,8 +67,8 @@ export default function ResultsTable() {
 
   const onTestVersionChange = (testVersion: TestVersion): void => {
     setTestVersionVal(testVersion);
-    searchParams.set('test_version', testVersion);
-    setSearchParams(searchParams);
+    rawSearchParams.set('test_version', testVersion);
+    updateRawSearchParams(rawSearchParams);
   };
 
   const rowGridTemplateColumns = columnsConfig