Feature: Modernize styling of content picker

[fabiankaegy]

Description of the Change

For a while now the sortable list of selected posts of the content picker has felt a bit out of place in the WP admin. This PR aims to improve it visually.

Before:

CleanShot.2025-02-19.at.10.31.19.mp4

After:

CleanShot.2025-02-19.at.11.54.28.mp4

[github-actions]

Size Change: +4.16 kB (+6.51%) 🔍

Total Size: 68.1 kB

Filename	Size	Change
dist/index.js	68.1 kB	+4.16 kB (+6.51%)	🔍

_{compressed-size-action}

[cypress]

10up Block Components    Run #957

Run Properties:   Failed #957  •  898a7f9fca: fix type

Project	10up Block Components
Branch Review	feature/modernize-styling-of-content-picker
Run status	Failed #957
Run duration	06m 48s
Commit	898a7f9fca: fix type
Committer	Fabian Kägy
View all properties for this run ↗︎

---

Test results
Failures	32
Flaky	0
Pending	0
Skipped	0
Passing	4
View all changes introduced in this branch ↗︎

---

Tests for review

  ColorSettings.spec.js • 5 failed tests

View Output

Test		Artifacts
ColorSettings > Allows the user to pick the block and displays it		Test Replay Screenshots
ColorSettings > Allows the user to use a custom color and displays it		Test Replay Screenshots
ColorSettings > Allows the user to clear the color		Test Replay Screenshots
ColorSettings > Allows the user to add custom label and help text		Test Replay Screenshots
ColorSettings > Allows the user to pick from predefined colors		Test Replay Screenshots

  Counter.spec.js • 6 failed tests

View Output

Test		Artifacts
Counter > Allows the user to pick the block and displays it		Test Replay Screenshots
Counter > Has the counter component in the block		Test Replay Screenshots
Counter > Has the correct starting value		Test Replay Screenshots
Counter > Updates the count appropriately		Test Replay Screenshots
Counter > Updates to the approaching limit state appropriately		Test Replay Screenshots
Counter > Updates to the is over limit state appropriately		Test Replay Screenshots

  IconPicker.spec.js • 1 failed test

View Output

Test		Artifacts
IconPicker > allows the user to use the post picker to change an icon and displays it		Test Replay Screenshots

  Link.spec.js • 1 failed test

View Output

Test		Artifacts
Link > allows the editor to pick a link directly inline		Test Replay Screenshots

  PostFeaturedImage.spec.js • 3 failed tests

View Output

Test		Artifacts
PostFeaturedImage > Allows the user to pick the block and displays it		Test Replay Screenshots
PostFeaturedImage > Allows the user to pick an image from the media library and displays it inline		Test Replay Screenshots
PostFeaturedImage > Syncs with the post featured image		Test Replay Screenshots

The first 5 failed specs are shown, see all 8 specs in Cypress Cloud.

[Antonio-Laguna]

LGTM! Nice work! Left a few minor comments around font sizes mostly but nothing blocking!

[s3rgiosan]

LGTM! This looks awesome @fabiankaegy 🎉