Media: Allow a User to Replace File

[zcolah]

Problem

Key Customer Request: A user should be able to replace a file and keep the same same ZUID, same file name, and same URL. This is very important for critical files being replaced.

Solution

A user should be able to select a file, and then click on a replace file and then select a file from their computer they would like to replace it with

Add Tooltips for Media Preview

• Tooltip should be bottom positioned start: https://mui.com/material-ui/react-tooltip/#positioned-tooltips

• More Icon: "More"

• Edit Icon: "Rename File"

• Replace Icon: "Replace File"

• Delete Icon: "Delete File"

• Close Icon: "Close Preview"

Figma

https://www.figma.com/file/tnYqXziKnSW0XQcXdHD2zP/Media%3A-Replace-File-Feature?type=design&node-id=0%3A1&mode=dev&t=IOHLnDJxoDiGQbd5-1

Developer Notes

1. When replacing a file, ensure it keeps the same ZUID, same file name, and same URL. 
2. Allow a user to update the alt text of a file when going through the replace flow. They should not be able to update the file name though.
3. Linking API request here: https://github.com/zesty-io/manager-ui/issues/136

Future Exploration (Out of Scope in this ticket)

1. A user should be able to add an item to Media via drag and drop or the upload button. If it has the same name as a file that exists, then we should ask if we want to replace it or keep both. Similar to Google Drive.

[zcolah]

@shrunyan Pushing this back to Development Queue until we speak to @ardeay