Move create request and fix slow HTML highlighting

src-web/components/SidebarActions.tsx

@@ -1,37 +1,17 @@
-import { memo, useCallback } from 'react';
-import { useCreateRequest } from '../hooks/useCreateRequest';
+import { memo } from 'react';
 import { useSidebarHidden } from '../hooks/useSidebarHidden';
-import { useListenToTauriEvent } from '../hooks/useListenToTauriEvent';
 import { IconButton } from './core/IconButton';
 
 export const SidebarActions = memo(function SidebarActions() {
   const { hidden, toggle } = useSidebarHidden();
-  const createRequest = useCreateRequest({ navigateAfter: true });
-
-  const handleCreateRequest = useCallback(() => {
-    createRequest.mutate({});
-  }, [createRequest]);
-
-  useListenToTauriEvent('new_request', () => {
-    createRequest.mutate({});
-  });
 
   return (
-    <>
-      <IconButton
-        onClick={toggle}
-        className="pointer-events-auto"
-        size="sm"
-        title="Show sidebar"
-        icon={hidden ? 'leftPanelHidden' : 'leftPanelVisible'}
-      />
-      <IconButton
-        onClick={handleCreateRequest}
-        className="pointer-events-auto"
-        size="sm"
-        title="Show sidebar"
-        icon="plusCircle"
-      />
-    </>
+    <IconButton
+      onClick={toggle}
+      className="pointer-events-auto"
+      size="sm"
+      title="Show sidebar"
+      icon={hidden ? 'leftPanelHidden' : 'leftPanelVisible'}
+    />
   );
 });