feat: highlight search results in single-category filter menus (#546)

[hunterckx]

No description provided.

[frano-m]

@hunterckx great PR!

I only have a few tiny nits - and they are really, really tiny so overall and excellent job. Love the reuse of getSortMatchesFn.

• In the HighlightedLabel and the VariableSizeListItem components the import path for FilterMenuSearchMatchRange can be shortened to "../../common/entities".
• Similarly the import FilterMenuSearchMatch in the FilterMenu component can be shortened to "../../common/entities".
• Update the css in MatchHighlight styles so that they are ordered alphabetically (😬).
• I think you can simplify the rendering of HighlightedLabel in the VariableSizeListItem component(s) from:

primary={<HighlightedLabel label={label} ranges={matchRanges}></HighlightedLabel>

to:

primary={<HighlightedLabel label={label} ranges={matchRanges} />}

Nice work on the component creation HighlightedLabel and subsequent style clean up! ⭐!!

[frano-m]

LGTM! Thanks @hunterckx.