Policy tags display issues on Manage Policies page

[ruslanPL-EnvisionBlockchain]

Problem description

There are multiple UI issues when adding, updating tags for policies on Manage Policies page

Step to reproduce

Steps to reproduce the behavior:

1. Go to Manage Policies page
2. Import/Create a policy.
3. Navigate the mouse to the Tags section of the policy.

Bug 1:
4. Click on Create a Tag button
5. Give a name of the tag
6. Click Create button
7. Repeat steps 4-6 to create another tag with exactly the same name.

Bug 2:
4. Repeat steps 4-6 from Bug 1
5. Pay attention to the created tag label length in comparison to the initial Create a Tag button.

Bug 3:
4. Repeat steps 4-6 from Bug 1
5. Click on the created tag to open Tags modal
6. Pay attention to the tag icon size and direction on Tags modal and Manage Policies page in Tags column of the policy.

Bug 4:
4. Repeat steps 4-6 from Bug 1 just give a name of the tag which is more than 100 characters
5. Click on the created tag to open Tags modal
6. Pay attention to the created tag view.

Bug 5:
4. Repeat steps 4-6 from Bug 1 multiple times to create a few tags
5. Pay attention to the Tags column of the policy.

Bug 6:
4. Repeat steps 4-6 from Bug 1 multiple times to create 10+ tags with long name
5. Click on the created tag to open Tags modal
6. Pay attention to the Tags modal view

Expected behavior

Bug 1 - It shouldn't be possible to add duplicate tags under the same user ID.
Bug 2 - Created tag label length is the same as the initial Create a Tag button.
Bug 3 - Icon size of the created tag on Tags modal should be the same as on the Manage Policies page in Tags column of the policy and the direction of the icon on each tag label should be the same.
Bug 4 - Tag label should have a fixed number of characters displayed and the rest should be trimmed and substituted by ... instead not to create additional horizontal scrolling on the modal.
Bug 5 - There should be the last created tag name and + N(where N is the number of tags that exist for the policy)
Bug 6 - All of the components on the Tags modal should be displayed so that nothing is overlapping by other component

[ruslanPL-EnvisionBlockchain]

@anvabr could you please have a look into the bugs above if all of them are valid? Also there are two scenarios I want to check:

1. Should there be a possibility to update a name of already existing tag?
2. Should it be allowed to add duplicate tags? Currently it is allowed and if we have duplicates, there is just a number of duplicates displayed on the tag label

[anvabr]

@ruslanPL-EnvisionBlockchain to answer your questions:

1. It should not be possible to update the name of the tag as it would require revocation of the corresponding published VC and then the issuance of a new one.
2. Duplicate tags are allowed only if they have been applied by different individuals, the same user ID can't assign the same tag twice

[ruslanPL-EnvisionBlockchain]

@anvabr I just double checked duplicate tags and it is possible to add duplicate tags under the same user ID. Looks like this also needs to be fixed

[anvabr]

Please add this requirement to the main description in the ticket @ruslanPL-EnvisionBlockchain

[anvabr]

For p5. please use the following logic:

1. the system should display the most popular tag (i.e. with the most re-tags by different users) and the number of these 're-tags'. I.e. not the most recent defined tag as suggested above, but the tag with the most re-tags.
2. alongside of which it should display the number of other tags that's been defined by the policy

@ruslanPL-EnvisionBlockchain @egorenvisionblockchain for visibility

[denischasovskikh]

Latest design that were discussed
https://www.figma.com/design/r4opkmPm3TPieVSXTb0pjK/Design-file--Guardian-?node-id=7592-242289&t=VfSrxSsUCIVzQsGw-1