[workspace]Fix/the UI of workspace list table

[Qxisylolo]

Description

This pr fixes the style of workspace list table(addressing issues 217-227, and 232-233) by:

1. Change the default number of the rows displayed in the table to 20
2. tooltip misalignment can be fixed with pr [Bug] Fix the tooltip display misalignment issue #8202
3. some styles associated with padding and compressed search bar/ filters

Screenshot

Changelog

• fix: Fix/the UI of workspace list table

Check List

• All tests pass
  • yarn test:jest
  • yarn test:jest_integration
• New functionality includes testing.
• New functionality has been documented.
• Update CHANGELOG.md
• Commits are signed per the DCO using --signoff

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 60.87%. Comparing base (f06a478) to head (e3dab00).
Report is 2 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8219      +/-   ##
==========================================
+ Coverage   60.86%   60.87%   +0.01%     
==========================================
  Files        3808     3808              
  Lines       91209    91209              
  Branches    14410    14410              
==========================================
+ Hits        55514    55528      +14     
+ Misses      32154    32140      -14     
  Partials     3541     3541              

Flag	Coverage Δ
Linux_1	29.04% <100.00%> (+0.02%)	⬆️
Linux_2	56.38% <ø> (ø)
Linux_3	37.92% <ø> (?)
Linux_4	29.01% <ø> (ø)
Windows_1	29.05% <100.00%> (+0.02%)	⬆️
Windows_2	56.34% <ø> (ø)
Windows_3	37.93% <ø> (ø)
Windows_4	29.01% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[ruanyl]

I see there is a conflict now, you may need to address :)

[ruanyl]

Let's add i18n for the text, take this as example:

<FormattedMessage
  id="dataSourcesManagement.dataSourcesTable.dissociateSelectedDataSources"
  defaultMessage="{selectionSize, plural, one {Remove # association} other {Remove # associations}}"
  values={{ selectionSize: selectedDataSources.length }}
/>

[Qxisylolo]

Thanks for your comments, already updated.

[ruanyl]

Suggested change

	{i18n.translate('workspace.list.page.delete.button.info', {
	defaultMessage: 'Delete {num} workspace{pluralSuffix, select, true {} other {s}}',
	values: {
	num: selection.length,
	pluralSuffix: selection.length === 1,
	},
	})}
	{i18n.translate('workspace.list.page.delete.button.info', {
	defaultMessage:
	'{selectedCount, plural, one {Delete # workspace} other {Delete # workspaces}}',
	values: {
	selectedCount: selection.length,
	},
	})}

[Qxisylolo]

thank you! already updated.