enhancement: Improve Headers UI in mock server

[wrongsahil]

Right now, headers in mock server are added using JSON. This might create problems as headers can't be nested json.

Checklist

• Add/Update Headers using +- button similar to headers rule

• Add validations
• Support old headers values

[Yogesh01000100]

I am interested in working on this issue. Can you assign this to me?

[wrongsahil]

Hey @Yogesh01000100 .Thanks for the interest. Assigning this to you. Let me know if you need help with anything.

[Yogesh01000100]

@wrongsahil can you tell me if I need to add an autocomplete list to these header values?

[Yogesh01000100]

@wrongsahil can you tell me if I need to add an autocomplete list to these header values?

any specific validation rules that I need to add?

[wrongsahil]

• Yes, we can add autocomplete too. We already have a component which lists down all the common headers. Here are the suggestions which we are using in Headers Rule
• isRequired validation for both key and value should be enough for now.

[Yogesh01000100]

Yes I have included that, can you check and confirm if any changes are required?

[wrongsahil]

Awesome. Let me check the PR. Also Can you share a Session Replay for the changes also.

[Yogesh01000100]

@wrongsahil I have added the necessary changes, can this pull request be merged now? Do inform me if any changes are required.

[Yogesh01000100]

@wrongsahil can you check the status of merging this PR?