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

[sj-jain]

trafficstars

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.

[Murdock9803]

@possumbilities Is this issue relevant now, I would like to work on it

[Cappybara12]

I agree with @sj-jain point regarding the design of the filters. Having the letter 'x' there might blend in too much with the text, especially for first-time visitors. Using an SVG for the 'x' icon would provide a clearer visual indication of its functionality. It would not only stand out more prominently but also enhance the overall user experience. Thanks for bringing this up!