[AdminUi] Add badge field component with enum support

[AlexandreBulete]

Description

This PR adds a new badge field component for Sylius Grid that supports:

• ✅ PHP 8.1+ enums with getLabel(), getColor(), and getIcon() methods
• ✅ Customization via options.vars.colors, labels, and icons
• ✅ Badge styling with rounded-pill
• ✅ Optional icon
• ✅ Sylius test attributes

Usage Example

use Sylius\Bundle\GridBundle\Builder\Field\TwigField;

TwigField::create('status', '@SyliusBootstrapAdminUi/shared/grid/field/badge.html.twig')
    ->setLabel('Status')
    ->setOptions([
        'vars' => [
            'colors' => [
                'active' => 'success',
                'inactive' => 'danger',
            ],
            'icons' => [
                'active' => 'bi:check-circle',
            ],
        ],
    ]),

With PHP Enum

enum Status: string
{
    case ACTIVE = 'active';
    case INACTIVE = 'inactive';

    public function getLabel(): string
    {
        return match($this) {
            self::ACTIVE => 'Active',
            self::INACTIVE => 'Inactive',
        };
    }

    public function getColor(): string
    {
        return match($this) {
            self::ACTIVE => 'success',
            self::INACTIVE => 'danger',
        };
    }

    public function getIcon(): string
    {
        return match($this) {
            self::ACTIVE => 'bi:check-circle',
            self::INACTIVE => 'bi:x-circle',
        };
    }
}

Files added

• templates/shared/grid/field/badge.html.twig
• templates/shared/helper/field/badge.html.twig

[loic425]

Thx for your proposal. It's an interesting idea.

1/ You Twig template has too much complexity
2/ test_html_attribute placed on color is strange
3/ magic with getLabel, getColor without any interface is not cool.

[AlexandreBulete]

Thanks for the feedback!

I've refactored the badge implementation to address all concerns:

• Template complexity reduced (53 → 26 lines, logic moved to PHP)
• Test attribute now value-based instead of color-based
• Added BadgeableInterface for type safety (no more magic checks)

Created proper architecture with value objects and Twig extension. Documentation included.

Let me know if you need any changes!

[stlgaits]

Probably a nit-pick but shoudln't it simply be called Badge?

[stlgaits]

I think the color should be on the badge itself (background instead of text), so for instance a colour like bg-purple-lt would be rendered via

Suggested change

	<span class="badge rounded-pill text-{{ badgeData.color }}" {{ sylius_test_html_attribute('badge', badgeData.value ?? badgeData.label) }}>
	<span class="badge rounded-pill bg-{{ badgeData.color }}" {{ sylius_test_html_attribute('badge', badgeData.value ?? badgeData.label) }}>

and which would render as something like