Update Balance tag background or add border as it not visible on whitebackground

[Khushboo-dev-cpp]

currently the balances tag on erc1155 is not visible on white background , need to update this to make it more visible once @benjthayer finalises a solution for this.

also handle comment here #14204 (comment)

[benjthayer]

@Khushboo-dev-cpp as discussed, here are a series of screens which clarify how to handle collectibles of different aspect ratios which should ensure that the number tag is always visible. :)

https://www.figma.com/file/FkFClTCYKf83RJWoifWgoX/Wallet-v2?type=design&node-id=22617-232319&mode=design&t=L1UVvYZNThZGgwti-4

[Khushboo-dev-cpp]

Only other thing to note is that ther 240 x 240 px that we use for the square aspect ratio collectible detail page image - those dimensions should be the max dimensions for the height / width of the image. 

I.e. if we have a horizontal aspect ratio image, the max width should be 240px (the height will be determined by how much the image needs to be resized)

If the image is portrait, then the max height should be 240px (and the width will be determined by how much the image needs to be resized)

Adding comment from Ben here