Plans (Enhancement): Add selection limits and "disabled" state to CardGrid and TagList fields

[architkakkar]

Currently, the card-grid-field and tag-list-field components allow for min and max selection limits. However, when the max limit is reached, there is no visual feedback to indicate that further options are unavailable until a user tries to click one.

To improve the UX, we should visually "lock" the remaining unselected options when the maximum threshold is met.

Proposed Behavior

• Trigger: When selectedCount == maxSelections.
• Visual Change: All unselected items in the grid or list should transition to a "disabled" state (e.g., lower opacity/greyed out).
• Interaction Change: The cursor for unselected items should change to not-allowed to signal that the element is non-interactive.
• Reversion: As soon as an item is deselected (bringing the count below max), the remaining options should return to their active state.