[Tagging] Refined UX: Update a taxonomy by downloading and uploading

[bradenmacdonald]

"As a global staff user (instance-level super-admin), I can update a taxonomy by downloading, editing, and re-importing it."

This improves the UX and workflow of the basic functionality implemented in #140.

Acceptance Criteria

1. From the Taxonomies List Page, global staff will see the "Re-import" menu option from [Tagging] "Bare Bones" Update of Existing Taxonomy by Uploading #140
2. Likewise, from the Taxonomy Detail Page, global staff can access the same option:
   
3. Users who select that menu command will then see this dialog and can choose to download the taxonomy as either CSV or JSON:
   
4. Users will then see this:
   
5. If they click "Import" a file chooser will open, which allows only .csv or .json files as already implemented in [Tagging] "Bare Bones" Update of Existing Taxonomy by Uploading #140.
6. The import will be analyzed and the changes shown to the user (note: handle a long list using a scroll bar in the modal):
   
7. A second confirmation is shown to the user if they choose to proceed:
   
8. If the user confirms, the taxonomy is updated and a toast is shown.
   
9. If errors occur, they will be shown at the top of the page as seen in the Import workflow mockups.
   

Developer Notes

• Screenshots above are for convenience - Figma is the most up-to-date source for mockups. The scale of UI elements seen in the screenshots above may be incorrect.
• As always, make sure the whole process can be done using only a keyboard.

[ali-hugo]

@bradenmacdonald We have changed the terminology in the UI from "update taxonomy" to "re-import":

(Not directly related to this issue, but might be worth mentioning: we added the "edit details" menu item to the dropdown accessed from the "actions" button on the Taxonomy Detail Page.)

[rpenido]

4. Users will then see this:

Hi @ali-hugo!
Is it okay to add a Dropzone in this dialog instead of calling an open file dialog? I think it will be cleaner to implement and have a nicer look. Like this:

[rpenido]

@bradenmacdonald We have changed the terminology in the UI from "update taxonomy" to "re-import":

(Not directly related to this issue, but might be worth mentioning: we added the "edit details" menu item to the dropdown accessed from the "actions" button on the Taxonomy Detail Page.)

Is it safe to say that these menus will stay the same from now? We started with two different menus. As part of this task, I made a minor refactor to merge these menus and avoid code duplication. Let me know if I'm on the right path!

[pomegranited]

@rpenido

Is it okay to add a Dropzone in this dialog instead of calling an open file dialog? I think it will be cleaner to implement and have a nicer look.

That's the UI @ali-hugo wanted to begin with, so I'm sure it will be fine :)

Is it safe to say that these menus will stay the same from now?

Yes, they should stay the same.

[ali-hugo]

@rpenido The dropzone looks good - thanks!

Could you make a few small text changes please? See the text in the blue blocks below. Don't worry about the one about the maximum file size if it's not relevant.

Thanks for the ping! Let me know if you have any questions.