Remove useNavigate everywhere, and make request a query param. And convert dialog to Jotai

src-web/components/MoveToWorkspaceDialog.tsx

@@ -1,11 +1,11 @@
-import { useNavigate } from '@tanstack/react-router';
 import type { GrpcRequest, HttpRequest } from '@yaakapp-internal/models';
 import React, { useState } from 'react';
 import { useUpdateAnyGrpcRequest } from '../hooks/useUpdateAnyGrpcRequest';
 import { useUpdateAnyHttpRequest } from '../hooks/useUpdateAnyHttpRequest';
 import { useWorkspaces } from '../hooks/useWorkspaces';
 import { fallbackRequestName } from '../lib/fallbackRequestName';
-import {showToast} from "../lib/toast";
+import { router } from '../lib/router';
+import { showToast } from '../lib/toast';
 import { Button } from './core/Button';
 import { InlineCode } from './core/InlineCode';
 import { Select } from './core/Select';
@@ -21,7 +21,6 @@ export function MoveToWorkspaceDialog({ onDone, request, activeWorkspaceId }: Pr
   const workspaces = useWorkspaces();
   const updateHttpRequest = useUpdateAnyHttpRequest();
   const updateGrpcRequest = useUpdateAnyGrpcRequest();
-  const navigate = useNavigate();
   const [selectedWorkspaceId, setSelectedWorkspaceId] = useState<string>(activeWorkspaceId);
 
   return (
@@ -69,7 +68,7 @@ export function MoveToWorkspaceDialog({ onDone, request, activeWorkspaceId }: Pr
                 color="secondary"
                 className="mr-auto min-w-[5rem]"
                 onClick={async () => {
-                  await navigate({
+                  await router.navigate({
                     to: '/workspaces/$workspaceId',
                     params: { workspaceId: selectedWorkspaceId },
                   });