[Feature] Adding a trailing icon on filter text (topic name) and removing existing bracket and text

[sj-jain]

Problem

Currently used bracket and text [X] as a trailing icon for removing filter choice is confusing seems like part of the text itself with no functionality .

Description

Adding a trailing icon according to vocabulary design language that improves the functionality and user experience for removing a tag or filter . This will also help upcoming fellow contributors to understand the functionality of the filters.

##Screenshots

Implementation

Replace [x] to trailing cross icon svg from vocabulary docs

@possumbilities @TimidRobot

[tripathics]

Is this issue still open? I'm interested on solving this

[sj-jain]

@tripathics glad to know that you're interested in solving this issue , its open but still it is not approved by maintainers hence not ready for work , for more info kindly look this https://opensource.creativecommons.org/contributing-code/repo-labels/

[possumbilities]

@sj-jain agree I'm leaning both ways on the comma. It might be better to instead of adding the comma to increase the spacing between all the links a bit give them more visual room?

As for redoing the closing indicator the brackets are not perfect, but I'm not sure removing them makes it necessarily better.

Moving to a discussion so others can chime in on their thoughts.