Implement request deletion

src-web/App.tsx

@@ -6,8 +6,14 @@ import { Sidebar } from './components/Sidebar';
 import { UrlBar } from './components/UrlBar';
 import { Grid } from './components/Grid';
 import { useParams } from 'react-router-dom';
-import { useRequests, useRequestUpdate, useSendRequest } from './hooks/useRequest';
+import {
+  useDeleteRequest,
+  useRequests,
+  useRequestUpdate,
+  useSendRequest,
+} from './hooks/useRequest';
 import { ResponsePane } from './components/ResponsePane';
+import { IconButton } from './components/IconButton';
 
 type Params = {
   workspaceId: string;
@@ -22,6 +28,7 @@ function App() {
 
   const updateRequest = useRequestUpdate(request ?? null);
   const sendRequest = useSendRequest(request ?? null);
+  const deleteRequest = useDeleteRequest(request ?? null);
 
   useEffect(() => {
     const listener = async (e: KeyboardEvent) => {
@@ -41,6 +48,7 @@ function App() {
           <VStack className="w-full">
             <HStack as={WindowDragRegion} items="center" className="pl-3 pr-1.5">
               Test Request
+              <IconButton size="sm" icon="trash" onClick={() => deleteRequest.mutate()} />
             </HStack>
             <VStack className="pl-3 px-1.5 py-3" space={3}>
               <UrlBar