[icons] Improve icon search performance

[oliviertassinari]

This is a continuation of #44001. I'm not sure that that change actually had any positive impact. I suspect that it only surfaced a Chrome DevTools bug that it works around.

Instead, what we see now is https://pagespeed.web.dev/analysis/https-mui-com-material-ui-material-icons/cvfn967l26?form_factor=desktop. That INP is horrible.

What I'm doing instead is moving #44025 to the finish line. I used a different search dependency at the same time. It seems smaller, faster, and a bit more accurate.

I was curious to check how other icons libraries handle this:

• https://react-icons.github.io/react-icons/: INP: 128ms, https://github.com/react-icons/react-icons/blob/master/packages/preview-astro/src/components/search/search-iconset.tsx#L38. No synonyms, no sorting, no fuzzing. Pretty raw.
• https://www.radix-ui.com/icons. INP: 88ms, https://github.com/radix-ui/icons/blob/bde33b13aa5848555f5512ac12155930fb4beb7d/packages/website/components/SearchResults.tsx#L57 similar to react icons.
• https://ionic.io/ionicons, INP 115ms.

Preview: https://deploy-preview-44450--material-ui.netlify.app/material-ui/material-icons/

[mui-bot]

Netlify deploy preview

https://deploy-preview-44450--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad) No bundle size changes

Generated by :no_entry_sign: dangerJS against e52845e52c85416cf9256146f9f7eb478eeae3b4