Truncate and wrap to handle long status names

Status names are dynamic and can be longer than the space available. To ensure layout consistency we need to set a max width on the status badge that prevents it from exceeding the available space or from negatively impacting the layout. Additionally with the added width of the status in some cases we need to ensure the block containing status, assignee, etc wraps.

Affected contexts

• Boards
• Issue list
• Work item list
• Child/linked item list

Proposal

• When embedded in a card, limit status width to max-w-20
• Wrap the block containing status below the rest of the metadata, while preserving the right-alignment.