[UI] I can filter products using filters in the filter products screen

[minhnimble]

Why

The users will be able to see the Filter by section below the top bar in the Filter Products screen.

Acceptance Criteria

• Reuse the vertical table view UI layout from this task [UI] I can sort products using filters in the filter products screen #38.
• Reuse the table view header UI layout from this task [UI] I can sort products using filters in the filter products screen #38.
• Update title label on the table view header on the left with text: Filter by.
• Create a table view item that contains: an item title label, a concealable bottom separator line and a right arrow image as shown in the below design.
• Create 2 table view items: Categories and Colors.
• Show the bottom separator line for Categories item and hide it for Colors item.

Resources

• Figma design: Filter Products screen

• UI screenshots: