[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

Attention: Patch coverage is 50.00000% with 3 lines in your changes missing coverage. Please review.

Project coverage is 60.77%. Comparing base (3381dcd) to head (7176e0f).
Report is 22 commits behind head on main.

Files with missing lines	Patch %	Lines
...rkspace/public/components/workspace_list/index.tsx	50.00%	1 Missing and 2 partials ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8219      +/-   ##
==========================================
+ Coverage   60.75%   60.77%   +0.01%     
==========================================
  Files        3798     3798              
  Lines       90690    90689       -1     
  Branches    14277    14277              
==========================================
+ Hits        55101    55113      +12     
+ Misses      32090    32076      -14     
- Partials     3499     3500       +1     

Flag	Coverage Δ
Linux_1	?
Linux_2	56.39% <ø> (ø)
Linux_3	37.61% <ø> (ø)
Linux_4	29.82% <ø> (ø)
Windows_1	29.09% <50.00%> (+0.01%)	⬆️
Windows_2	56.34% <ø> (ø)
Windows_3	37.61% <ø> (ø)
Windows_4	29.82% <ø> (ø)

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.