Add headers names and values autocomplete using datalist

[nikhilraojl]

Pics for reference

[mirkoperillo]

@nikhilraojl very good work. I like it and it works good.

I have to report only these two things:

• The code format should be fixed, because the CI format check fails
• When you click enter on the header value input field the focus moves back to the header key input field and this is a regression (if you look for example the Querystring tab you can see the correct behavior)

[nikhilraojl]

@mirkoperillo Sorry for delay, was slightly occupied

The code format should be fixed, because the CI format check fails

The issue is prettier does not automatically apply quotes for all keys in an object and it is default as shown below

{ 
  Accept: [],  // observe no quotes
  'Accept-Charset': []
  ...
}

On my local I have added "quoteProps": "consistent" to .prettierrc file and it results in formatting as below

{ 
  'Accept': [],  // observe consistent quotes
  'Accept-Charset': []
  ...
}

I think we should add that rule to prettier. Its your call but for now I have formatted this PR with default rule and CI is passing

When you click enter on the header value input field the focus moves back to the header key input field and this is a regression (if you look for example the Querystring tab you can see the correct behavior)

This should be resolved now

[mirkoperillo]

@nikhilraojl LGTM, very good work.
Time to merge it ! 💥