Update searchable properties typeahead definitions

[ryan953]

Need to update the search type-ahead component to display the search keys that people can use to conduct a DOM Search across their replay data.

The current thinking is to use the "explicit key→value" style. ex: replay.click.tag:button replay.click.class:btn-primary

See also getsentry/sentry-docs#6464

[ryan953]

The style that we're going with for these new search fields/values is:

• replay_click.tag:div
• replay_click.class:btn AND replay_click.class:btn-primary
• replay_click.class:btn-*

The action "click" is built-in to the name, so there's no ambiguity if/when new actions appear and you want to have complex expressions.

Other styles that were on the table but not chosen include:

1. The 'css selector only' approach: replay_selector:div#id.class[alt="a good puppy"]
   • we'll follow up with css selectors as an addon
2. Having a field to specify the action on it's own: replay.action:clicked AND replay.selector:div#id.class[alt="a good puppy"]
   • this creates ambiguity when there are multiple actions, or none specified. Defaults can help but it's verbose to type all that.
3. Putting the action on the right hand side:
   • replay.selector:click|div#id
   • replay.tag:click|div same as tag:div (defaults to action=clicked)
   • replay.class:click|btn-primary same as class:btn-primary
   • Flexible, but weird syntax. Doesn't work will css selectors in the future.