feat(search): STRF-8350 Fixed the special characters display issue in the search results page

[bc-krishsenthilraj]

What?

Special Characters are displaying as Unicode when using the Storefront Search as shown in the below ticket.

This is because search term was not escaped before displaying. With this fix, search query is properly escaped/sanitized before displaying in the SF.

Tickets / Documentation

• STRF-8350

Testing Steps

1. Login to CP
2. Navigate to Storefront
3. Upload the theme file (Cornerstone-4.5.0_Fix_8350) with the fix attached to the above ticket (STRF-8350) and apply it
4. Search in the Storefront with a term which has special character in it like test's or test"s
5. Search results page will not display any unicode/un-escaped characters

Screenshots (if appropriate)

1. searched with single quote (')
   

2. searched with double quote (")
   

3. quick search modal also showing escaped search term
   

ping @bigcommerce/artemis-dt @bigcommerce/storefront-team

[bigbot]

Autotagging @bigcommerce/storefront-team @davidchin

[lord2800]

Just to be sure, can you take a screenshot of you searching for <script>alert(1)</script> please? 🙏

[bc-krishsenthilraj]

tested for ES-1033 security attack fix as well

[bc-aodvak]

looks good 💚