[UI] As a user, I can choose the size of a product in the product details screen

[minhnimble]

Why

The users will be able to see the Size Selection section below the Color Selection section in the Product Details screen if the product can support to choose its sizes.

Acceptance Criteria

• Reuse the vertical container table view UI layout from this task [UI] As a user, I can add the viewing product to my cart in the product details screen #41.
• Reuse the table view header UI layout from this task [UI] As a user, I can see the about information of a product in the product details screen #42.
• Update the section title label on the table view header with text: Size.
• Create a table view item for this section that contains: a horizontal table view of size options as shown in the below design.
• Create a table view item for the horizontal table view that contains: a size name label.
• Add a round-corner border to each horizontal table view item.

Resources

• Figma design: Product Details screen

• UI screenshot: