#4625 fixing product categories list block display

[ovidiul]

This PR fixes #4625 product categories list block display by HTML encoding the minus sign, which is the hierarchy prefix.

Fixes #4625

Accessibility

• I've tested using only a keyboard (no mouse)
• I've tested using a screen reader
• All animations respect prefers-reduced-motion
• All text has at least a 4.5 color contrast with its background
• I've updated this doc for any feature flags or experimental interfaces implemented in this pull request.

Screenshots

Testing

Automated Tests

• Changes in this PR are covered by Automated Tests.
  • Unit tests
  • E2E tests

Manual Testing

How to test the changes in this Pull Request:

1. Create 4 WooCommerce product categories, each one nested under the previous one created, like follows:

• Level 1
  • Level 2
    • Level 3
      • Level 4

2. Add a product to the last category
3. To a page, add the block Product Categories List
4. Under the block settings > List settings > Display style, pick "Dropdown"
5. Again under the block settings > Content, switch On "Show hierarchy"
6. Save and view page

Performance Impact

Changelog

fixed the Product Category List Block frontend hierarchy display by HTML encoding the hierarchy prefix

[senadir]

How does this #4905 relate to this PR?

[ovidiul]

It doesn't, should be fixed now, thanks for noticing that.

[ovidiul]

Will clean up the commit and re-open a new one.

[ralucaStan]

This is the new PR.