Added UI for edit environment.

[himanshi-chhabra]

🔩 Description: What code changed, and why?

We need to add UI for EDIT Environment

⛓️ Related Resources

#4545

👍 Definition of Done

Added edit functionality for Environment in which we can edit:

1. cookbook constraints
2. Attributes: default, override

👟 How to Build and Test the Change

STEP 1
inside the hab studio

[default:/src:0]# build components/automate-ui-devproxy/
[default:/src:0]# start_automate_ui_background
[default:/src:0]# start_all_services

STEP 2
open new window
go to automate UI path

$ cd components/automate-ui
and run the command 

npm run serve:hab

To add data https://github.com/chef/automate/blob/master/dev-docs/adding-data/adding_test_data.md#adding-data-to-infra-views

Steps:

1. Go To Infrastructure -> Chef Servers -> click server name-> click on org name -> Environment
2. Click on and Environment name -> Cookbook constraint Tab -> click on edit button for editing cookbook.
3. Click on Attribute tab -> click on edit button for default or override attribute.

✅ Checklist

• I have read the CONTRIBUTING document.
• Tests added/updated?
• Docs added/updated?
• All commits have been signed-off for the Developer Certification of Origin.

📷 Screenshots, if applicable

[netlify]

Deploy preview for chef-automate processing.

Building with commit 788b25f

https://app.netlify.com/sites/chef-automate/deploys/605a1e746fb85b0008a11ff3

[vinay033]

change this error message, relace with the environment.

[himanshi-chhabra]

updated the changes

[vinay033]

changes looks good to me, need to update the error message for update failure.

[kvivek1115]

Pulled the branch locally and tested out the feature, it working as expected. Thanks!

[himanshi-chhabra]

While acceptance testing, observed

• Add no preview image in the attributes tab if no JSON available.
• Change border-size of details box 1px.
• When we click the button of edit or expand we have to click twice then the pop-up visible. need to update this.
• Edit, Expand, collapse buttons are not keyboard accessible.
• In the edit environment pop-up, change the border size of the label.
  will cover in UI Improvements for Edit View #4873