Tags optimisation

[dragosbubu-tech]

How are you running Flagsmith

• Self Hosted with Docker
• Self Hosted with Kubernetes
• SaaS at flagsmith.com
• Some other way (add details in description below)

Describe the bug

The current tags, when creating a feature request or tags that are displayed in a feature - read-only card, don't pass accessibility standards.

Steps To Reproduce

Organisations > Projects > Environments > Features (view tags displayed that attached to a feature)
Organisations > Projects > Environments > Features > Create features > Add tags

Expected behavior

Screenshots

A new design that passes accessibility standards
Bonus:

• remade the icon for predefined tags - Stale state (previously too detailed for the size)
• added a new icon for - PR dequeued state (previously missing)

Reference for implementation:
https://www.figma.com/design/M8qD6EGP36Doq4kwEy6Ahf/Flagsmith---DEV-Ready?node-id=60-390&t=QiBwpg0HqgALsK47-1