Add slider UI for update the WebUI key

[chaitali-mane]

User Story

As an Automate User, I want to do update the WebUI key in Automate UI.

Acceptance Criteria

• The update link should be shown on Chef Server Metadata
• The update link should be shown beside the WebUI Key label all the time

Implementation Details

• Show the update link on the Chef server metadata besides the Status
• Show the updated WebUI key model by clicking the update the button

UI Design

New Design Preview Image:

https://www.figma.com/proto/ZIQr9MsixizCIDtDNsDhNB/Chef-Manage-User-Migration?page-[…]C48%2C0.13&scaling=min-zoom&starting-point-node-id=3081%3A6326
CSS and Other settings can be found here

Definition of Done

• All things specified in User Story Acceptance Criteria should be fulfilled.
• UI should exactly match UX design.
• Cypress Coverage for new Feature.
• All Exceptions are Handled Properly
• Ensure logs have no unnecessary data.
• Test coverage for the new feature is done to at-least 70%.
• Docs changes PR is Raised.
• Swagger Documentation updated.
• Smoke Test done.
• Ensure Build and Integration Pipelines are Green.
• PR has 2 approvers.
• All Code Review Comments are Resolved.
• Screenshot of the feature developed is provided in the issue.
• Ensure compatibility with all supporting browsers.
• Demo the feature to UX.
• Link to the UX wireframe/Requirement Document.