feat: repaint ui for setProperties in visual editor

[alanlong9278]

Description

Repaint ui for setProperties with new design in visual editor.

What does this pr do?

• Extract listOverview component.
  Like the pics show, the list in setProperties and multiInput is the same ui except the itemRender.
  So, we can extract listOverview and through sending renderFunciton to render different item list.
  
  

• Define the elements as styledComponents
  Depends on new design, there are 4 types styled compoments. The element components can change the color by props.

1. Span
   

2. SingleLineDiv
   

3. MultiLineDiv
   

4. BorderedDiv
   

5. LinkBtn
   

• Build setProperties, ChoiceInput with elements.
• Use LinkBtn(elements) in dialogRef node.

What's next?

• Add templateElement into element libs.

• Refactor formCard to support new design.(Ze is doing)

• Combine with the layout pr written by ze.

• Rewrite the node ui with new design.

Task Item

fixes #1701

Screenshots

[github-actions]

Coverage increased (+0.08%) to 42.585% when pulling cd3a822 on julong/nodeDesign into 6ff0da3 on master.

[yeze322]

The styled component lib could help us standardize the design langauge we used in Visual Editor. It's a really good change.

We will migrate to the styled lib in future PRs.

[yeze322]

Functionally this PR has conflict with master:

We need to show full text instead of truncating and adding ellipsis.

[yeze322]

We still need to reduce changes, improve code quality.