Prevent sidebar re-render on every keypress (#152)

src-web/hooks/useActiveRequest.ts

@@ -1,5 +1,6 @@
 import type { GrpcRequest, HttpRequest } from '@yaakapp-internal/models';
 import { atom, useAtomValue } from 'jotai';
+import {fallbackRequestName} from "../lib/fallbackRequestName";
 import {jotaiStore} from "../lib/jotai";
 import { activeRequestIdAtom } from './useActiveRequestId';
 import { grpcRequestsAtom } from './useGrpcRequests';
@@ -20,6 +21,11 @@ export function getActiveRequest() {
   return jotaiStore.get(activeRequestAtom);
 }
 
+export const activeRequestNameAtom = atom(get => {
+  const activeRequest = get(activeRequestAtom);
+  return fallbackRequestName(activeRequest);
+});
+
 export function useActiveRequest<T extends keyof TypeMap>(
   model?: T | undefined,
 ): TypeMap[T] | null {