Fix GraphQL content type on creation, and placeholder

src-web/hooks/useCreateDropdownItems.tsx

@@ -32,7 +32,12 @@ export function useCreateDropdownItems({
         label: 'GraphQL Query',
         leftSlot: hideIcons ? undefined : <Icon icon="plus" />,
         onSelect: () =>
-          createHttpRequest.mutate({ folderId, bodyType: BODY_TYPE_GRAPHQL, method: 'POST' }),
+          createHttpRequest.mutate({
+            folderId,
+            bodyType: BODY_TYPE_GRAPHQL,
+            method: 'POST',
+            headers: [{ name: 'Content-Type', value: 'application/json' }],
+          }),
       },
       {
         key: 'create-grpc-request',

src-web/hooks/useCreateHttpRequest.ts

@@ -16,7 +16,9 @@ export function useCreateHttpRequest() {
   return useMutation<
     HttpRequest,
     unknown,
-    Partial<Pick<HttpRequest, 'name' | 'sortPriority' | 'folderId' | 'bodyType' | 'method'>>
+    Partial<
+      Pick<HttpRequest, 'name' | 'sortPriority' | 'folderId' | 'bodyType' | 'method' | 'headers'>
+    >
   >({
     mutationFn: (patch) => {
       if (workspaceId === null) {