fix: multi-lang all up view refinement

[zhixzhan]

Description

Some refinement in multiple language & all up view

1. Search box for multiple languages
2. Editable table list view
3. Pretty column space.

Task Item

#minor

Screenshots

Search box for multiple languages

Editable table list view

Columns space in 1920px

Columns space in 1280px

[coveralls]

Coverage decreased (-0.2%) to 57.017% when pulling 4c7d13d on zhixzhan:refinement into b12756e on microsoft:main.

[zhixzhan]

Hi @vivekkshankar , I updated few UX on above screenshots, if you have any suggestions please let me know, thanks !

[cwhitten]

@zhixzhan In the tables the first column should be the short one and the comparison columns should take up the rest of the container's width, spaced evenly.

[zhixzhan]

@zhixzhan In the tables the first column should be the short one and the comparison columns should take up the rest of the container's width, spaced evenly.

I searched the fluent ui documents but failed to find a way of accurately setting width, or something like css flex display. Supported props are minWidth & maxWidth. And the behavior is the first column didn't set maxWidth padding rest all spaces.
microsoft/fluentui#6973

So I set the columns width, and tested at 1280px/ 1980px, looks ok.

Name	Phrase-lang1	Phrase-lang2
minWidth: 100	minWidth: 300	minWidth: 300
maxWidth: 200	maxWitdh: 500 / ** set Maxwidth **/	/** none maxWidth, will occupy rest spaces **/