Update all text items and field labels in modals

[DaoDaoNoCode]

Goal

Make sure the text items and fields the same as the mock up listed as below

Dependency issue

Tracker: #1254

Itemized goals

• Modify the fields in the manage notebook images modal to align with the mockup (title, field label, empty state, helper text)
• Add a helper tooltip for Image location (the field label is Repository now, tooltip content TBD)
• Refactor the adding packages and adding software part. Now it's 2 icons instead of 3 icons with different user interactions design
• Use the generic delete modal to delete the custom notebook images

Aspects continued elsewhere

No response

Mocks

• Change modal headline to "Import notebook image" - no "s"

• Change field label to "Image location" and add helper text

• Add a field label, "Displayed contents", above the Software and Packages tabs

• Change empty state icon to plus sign

• Change empty state text as shown
  

• Add a popover showing formats for various location examples
  

• when user clIcks Add software, insert a one row table as shown with the text fields empty and the Software textbox in focus with the cursor

• When editing is complete, selecting the check icon closes the row for editing. The textbox contents are displayed in simple text in the row. The check and cancel icons are replaced with edit and remove icons. Selecting cancel while in edit state closes the row for editing and discards any changes made to the text fields.

• Selecting the remove (-) icon deletes the current table row. No validation required. If there is only one row in the table, remove deletes the table and returns user to the empty state

• The user can add as many rows to the table as they want by selecting the Add software link button. Focus moves to the just added row

• If the user selects the Import button any row with a blank Software field is ignored and not saved
  

[manosnoam]

@DaoDaoNoCode Can you add the requirments as shown on the screenshots (text on the right side) ?
This can be used for verification purpose to describe the required tests. Thanks!

[DaoDaoNoCode]

@manosnoam Updated, please make sure you also refer to the description and test instructions in the PR because the implementation could be slightly different sometimes when we had the discussion in the development with the designers.

[manosnoam]

Thanks @DaoDaoNoCode verified on release 2.4