Search UI regressions after CodeMirror 6 migration

[SableRaf]

The search functionality has changed a lot with the latest update(s).

It looks like this is mostly the default CodeMirror 6 search UI (screenshot below) showing through after the migration, with the web editor's styles applied.

Some of the new functionality could be great to have, but the UI/UX could be improved.

In particular:

• next, previous, all, replace, and replace all don't immediately read as buttons or actions.
• It's not obvious what all does without trying it.
• The search options (match case, regexp, by word) feel visually mixed in with the navigation controls.
• Search and replace actions don't feel clearly grouped.
• It's not immediately obvious whatregexp does. Besides, it's a probably too advanced for most p5.js Web Editor users.

I'd suggest reverting to a simpler search tool, maybe with optional replace and replace all function.

Matching options could be hidden but discoverable, like on OpenProcessing:

[khanniie]

Hi Raphael! I can take a look at this, it's a good callout!

[rishie81311518]

Hi khanniie! I saw you're assigned to this issue, just wanted to check if you're still actively working on it, or if there's a piece of it I could help out with. Happy to contribute if there's room!