[UI] Category Box list on mobile respect color

[mohit2530]

In mobile version, ( scroll the screen to a mobile size ), notice that the warning label dissapears. the warning label text MUST dissapear however, the color ( warning, error, success ) is not respected. We should have the container display the entire warning. aka flash yellow if the item has a warning on the step. eg, when the user moved the item from "garage" to "pantry", if they dropped something, changed the status or something occured, said transaction is the label / directives where the user knows quickly what happened.

[mohit2530]

This warning ! should flash yellow when the container is resized to yellow as the text WILL NOT APPEAR. The user needs to quickly know what is going on with the product at that step. the warning symbolizes an action that MIGHT require attention.

[mohit2530]

i just resized the same item here, and you can see there was a warning on the desktop view but the warning goes away on the mobile view. Flash the container the color of the warning to let users quickly know what is going on. Plan to use primary, secondary, warning, error colors.