feat(replay): Add search field for DOM click selector syntax (#46805)

This adds a search field for DOM clicks using the CSS selector syntax.

static/app/utils/fields/index.ts

@@ -1156,6 +1156,7 @@ enum ReplayClickFieldKey {
   CLICK_ID = 'replay_click.id',
   CLICK_LABEL = 'replay_click.label',
   CLICK_ROLE = 'replay_click.role',
+  CLICK_SELECTOR = 'replay_click.selector',
   CLICK_TAG = 'replay_click.tag',
   CLICK_TESTID = 'replay_click.testid',
   CLICK_TEXT_CONTENT = 'replay_click.textContent',
@@ -1264,6 +1265,7 @@ export const REPLAY_CLICK_FIELDS = [
   ReplayClickFieldKey.CLICK_ID,
   ReplayClickFieldKey.CLICK_LABEL,
   ReplayClickFieldKey.CLICK_ROLE,
+  ReplayClickFieldKey.CLICK_SELECTOR,
   ReplayClickFieldKey.CLICK_TAG,
   ReplayClickFieldKey.CLICK_TEXT_CONTENT,
   ReplayClickFieldKey.CLICK_TITLE,
@@ -1297,6 +1299,13 @@ const REPLAY_CLICK_FIELD_DEFINITIONS: Record<ReplayClickFieldKey, FieldDefinitio
     kind: FieldKind.FIELD,
     valueType: FieldValueType.STRING,
   },
+  [ReplayClickFieldKey.CLICK_SELECTOR]: {
+    desc: t(
+      'query using CSS selector-like syntax, supports class, id, and attribute selectors'
+    ),
+    kind: FieldKind.FIELD,
+    valueType: FieldValueType.STRING,
+  },
   [ReplayClickFieldKey.CLICK_TAG]: {
     desc: t('`tag` of an element that was clicked'),
     kind: FieldKind.FIELD,