[Woo POS] Design: Products Screen changes

[backwardstruck]

https://wp.me/pdfdoF-5iv

❓ Design. Products Screen bottom Move reader connection behind screen.

and

❓ Design. Products Screen bottom Shadow appears after card.

I moved those two to a separate GH issue: https://github.com/woocommerce/woocommerce-android/issues/12587

❓ Design. Products Screen bottom Adding to the top is good (it didn’t make it clear in the design), but please animate the products moving down. The shift is too sudden.

[dangermattic]

🚫 Please add a type label (e.g. type: enhancement) and a feature label (e.g. feature: stats) to this issue.

[backwardstruck]

Context from Figma: