header quick search

[TanyaStere42]

Feature description and context

With individual, encounter, and sighting indexing, we can implement a functional header quick search again!

Feature sign-off requirements

• Header has a quick search that you make active by clicking
• type to search all values for all individual's context:value pairs (dependent on individuals indexed by opensearch #910 )
• 10 search results (displays [individual value] [context] [species] (ex: Flippy nickname Eubalaena glacialis)
• user can enter individual GUID (displays [GUID] System ID [species])
• user can enter encounter GUID (displays [GUID] Unassigned [species])
• if no results, displays No matching results
• spinner displays during search
• has a link to full individual search results
• Header must be updated for react and jsp. If possible, also update html form, but this is known to be diminishing returns as these pages are rapidly being replaced.

Design

Prototype
Figma File