Fix header editor and scroll in general

src-web/components/RequestPane.tsx

@@ -40,6 +40,9 @@ export function RequestPane({ fullHeight, request, className }: Props) {
         defaultValue="body"
         label="Request body"
       >
+        <TabContent value="headers" className="pl-2">
+          <HeaderEditor key={request.id} request={request} />
+        </TabContent>
         <TabContent value="body">
           <Editor
             key={request.id}
@@ -51,9 +54,6 @@ export function RequestPane({ fullHeight, request, className }: Props) {
             onChange={(body) => updateRequest.mutate({ body })}
           />
         </TabContent>
-        <TabContent value="headers" className="pl-2">
-          <HeaderEditor key={request.id} request={request} />
-        </TabContent>
       </Tabs>
     </div>
   );