Data import settings page's 4th pane for Match Profiles: Edit Action

Purpose: To be able to edit existing settings for match profiles.

Notes:
This story is very similar to UIDATIMP-138, which creates a new match profile setting. This story should be able to reuse much of what was built in UIDATIMP-138.
This story builds the edit screen and functionality, to connect to the UI's Edit button in the Match profile details screen.
Successful Save is documented in a separate story, UIDATIMP-182

As a staff person
I want to be able to update settings related to match profiles for the Data Import app
So that they will be accurate

Live prototype:
https://xd.adobe.com/view/0bb2d8ab-aabd-4ff6-4d5a-faa59a93368e-7d83/

Brief video walk-through
https://www.dropbox.com/s/3slcv4v49qm92rv/2018-11-06-data-import-19.mp4?dl=0

Scenarios

1. Scenario 1
   • Given the Data Import Settings for Match profiles
   • When a User wants to update an existing match profile
   • Then they should be able to access an Edit match profile screen via
     • The *Edit *button in the top right of the details header
     • And the edit option in the details header caret
2. Scenario 2
   • Given the Edit match profile screen
   • When a User views the screen with no edits
   • Then it should appear like this (based loosely on the attached 41a-Settings Match profiles Match profile details.PNG)
     • Header: Edit [match profile name]
       • "Save" button at the top right of the header, which is greyed out until data has been filled in, then turns to blue once the screen is dirty (has some data in it)
     • Top of detail record:
     • First accordion header: Summary (not Basic Info, like it shows in the wireframe) [default to open]
       • Name [required data element; cannot duplicate other match profile names]
       • Description [free text field]
     • Second accordion header: Details (not Overview, like it shows in the wireframe) [default to open]
       • Leave this section blank for now [will contain details about the incoming record type and its match field(s), existing FOLIO record type and its match field(s), and how the matching is to be done]
       • NOTES
         • For any required data element, make sure the field name has an asterisk next to it
3. Scenario 3
   • Given the Edit match profile screen
   • If data is missing from any required field and the User presses the "Save" button
   • Then
     • The record should not be saved
     • And the missing required data element(s) should be outlined in red, with the cursor in the data entry box for the first missing required element, along with the standard warning message, as shown in the attached Missing Required Data.PNG
4. Scenario 4
   • Given the Edit match profile screen
   • If a User has filled in any data on the screen and begins to navigate away from it without creating/saving it
   • Then the user should see the standard modal asking whether they want to continue or not, as shown in the attached Unsaved changes modal.PNG
5. Scenario 5
   • Given the Edit match profile screen
   • When a User clicks the caret to the left of the first accordion (Summary)
   • Then the caret should reverse direction and the accordion should be toggled closed
6. Scenario 6
   • Given the Edit match profile screen
   • When a User clicks the caret to the left of the second accordion (Overview)
   • Then the caret should reverse direction and the accordion should be toggled closed
7. Scenario 7
   • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot