CNFT1-331: Create operator dropdown component

[joeaxcdw]

Description

Implement the base operator dropdown to use for first name, last name, and applicable address fields in patient search.

Tickets

• Jira Ticket

Checklist before requesting a review

• PR focuses on a single story
• Code has been fully tested to meet acceptance criteria
• PR is reasonably small and reviewable (Generally less than 10 files and 500 changed lines)
• All new functions/classes/components reasonably small
• Functions/classes/components focused on one responsibility
• Code easy to understand and modify (clarity over concise/clever)
• PRs containing TypeScript follow the Do's and Don'ts
• PR does not contain hardcoded values (Uses constants)
• All code is covered by unit or feature tests

[joeaxcdw]

@stevegsa please let me know what the actual values will be for these operators so I can fix it here.

[adamloup-enquizit]

This component is more than a dropdown of operators, it's encapsulating a specific use case searching using text in a specific way. This is going to be a repeatable use case so the component should produce an object representing the intention of searching with this criteria.

At least something like

 {
 "value": "some value",
 "operator": { "name": "Starts with", "value" : "SW"}
}

Even better would be something way more expressive

{
 "startsWith" :  "some-value"
}

---

Since this is going to represent a common usage pattern it should be in the design-system folder.