Improve TagPickerScreen

[yexingsha]

Mock in Figma.

• Fix all top bars #78, especially there is too much space between title and search bar
• Use 17sp for all text
• Each row should be 44dp in height (including the divider)
• Use the same checkbox as in Improve allitems screen select state #84
• Use #F2F2F7 for selected tag background
• Dividers should start at 16dp (aligned with the checkbox), and end at the right edge of the screen
• If possible, show colored tag dots. These dots should be 16dp, and have 16dp spacer on each side

[yexingsha]

• The checkbox should be 20dp in diameter but still takes up 24dp space
• When searching for tags that contain X, the Create Tag "X" row should also use 44dp height and 17sp text
• For long tags that overflow one line, wrap the tag instead of cutting it off. The tag should still have 16 margin to the right (currently it seems the cutoff is at the edge of the screen). The height of the row increases accordingly, so 2 lines = 66dp, 3 lines = 88dp, etc.