Display decoded HTML entities in PostPrimaryCategory component

[psorensen]

Description of the Change

Currently, the PostPrimaryCategory component displays encoded HTML entities. This PR addresses that by utilizing decodeEntities to properly display the category name.

Before:

After:

Closes #

How to test the Change

1. Create a category with an ampersand
2. Use the PostPrimaryCategory component to display the category in the block editor
3. Confirm that ampersand is properly decoded.

Changelog Entry

Added - New feature
Changed - Existing functionality
Deprecated - Soon-to-be removed feature
Removed - Feature
Fixed - Bug fix
Security - Vulnerability

• Fixed PostPrimaryCategory component to display decoded HTML entities

Credits

Props @psorensen

Checklist:

• I agree to follow this project's Code of Conduct.
• I have updated the documentation accordingly.
• I have added Critical Flows, Test Cases, and/or End-to-End Tests to cover my change.
• All new and existing tests pass.

[cypress]

10up Block Components    Run #925

Run Properties:   Failed #925  •  fe7390ebd0: adds simple primary term block for demo

Project	10up Block Components
Branch Review	fix/primary-category-escaped-output
Run status	Failed #925
Run duration	06m 42s
Commit	fe7390ebd0: adds simple primary term block for demo
Committer	Peter Sorensen
View all properties for this run ↗︎

---

Test results
Failures	31
Flaky	0
Pending	0
Skipped	0
Passing	5
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

  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

  PostMeta.spec.js • 6 failed tests

View Output

Test		Artifacts
Post Meta > Allows the user to pick the block and displays it		Test Replay Screenshots
Post Meta > Allows the user to pick a variation		Test Replay Screenshots
Post Meta > Allows text to be entered into the post meta field		Test Replay Screenshots
Post Meta > Allows a number to be entered into the post meta field		Test Replay Screenshots
Post Meta > Allows a boolean to change the post meta field		Test Replay Screenshots
Post Meta > Saves the data into post meta		Test Replay Screenshots

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

[github-actions]

Size Change: +23 B (+0.04%)

Total Size: 63.5 kB

Filename	Size	Change
dist/index.js	63.5 kB	+23 B (+0.04%)

_{compressed-size-action}

[fabiankaegy]

Thanks for this fix :)

Don't know what is happening with the E2E setup but that is unrelated 👍