popup: add tag, favorite, and delete actions to edit modal

[ayoung19]

UI Ideas:

Clipboard History Pro

Linear

[pgiouroukis]

Can I work on this?

I already implemented two prototypes for these features, but I have some design decisions that would be nice to address:

1. Regarding tags: since there is a "Save" button in the edit modal, should the newly added tags be saved only when the user clicks on "Save"? Or should we keep the same behavior as in the main page, where a tag can be saved directly from the TagSelect component?
2. Regarding favorite: Similar question as 1. Should the "favorite" state be saved when the user clicks on "Save", or simply when the user clicks on the favorite icon?
3. Should we reuse the existing components (which currently are buttons) or re-think some new components?

First prototype:

Another idea would be to have the "favorite" and "delete" icons along the "Cancel" and "Save" buttons in the modal, and add the tags as a new item in the grid, something like this:

Second prototype:

[ayoung19]

Can I work on this?

Of course!

Regarding 1) and 2), favoriting and tagging can just happen without the need to save I think it'll be the easiest to implement and makes enough sense. 3) depends on which layout we pick.

Since design stuff is a lot more open ended and back/forth this might be easier to answer offline. Feel free to join our Discord if you'd like to discuss there! https://discord.gg/5QQXXsApQA