fix: physical card status color AB#28503

[arsforza]

AB#28503

Describe your changes

fixes:

• replaced ion-chip with badge
• updated colors used in card status
• applied wrap to card name to prevent status badge clipping in smaller screens

Checklist before requesting a review

• I have performed a self-review of my code
• I have added tests wherever relevant
• I have made sure that all automated checks pass before requesting a review
• I do not need any deviation from our PR guidelines

[aberonni]

Small typo but for the rest looks pretty straightforward ✌️

[elwinschmitz]

I think it would be even better to have a dedicated component for this (so we only have to do the "status-to-classname"-magic in 1 place;

But for now this is already an improvement. ;)

Fixed