Implemented new compliance searchbar

[vinay033]

Signed-off-by: vinay033 [email protected]

🔩 Description

In an effort to drive parity across the app, we'd like to make the compliance search bar be the same as the client runs search bar.

👍 Definition of Done

Compliance search bar is the same format as the client runs.

👟 Demo Script / Repro Steps

⛓️ Related Resources

#405

[lancewf]

Great Job! The search bar is working well.

[afiune]

Niiiice! Tested it and worked locally.

[vjeffrey]

looks great, thank you!!!!! ⭐️

[susanev]

@vinay033 the placeholder text color and border color appear to be different colors on the client runs vs compliance search bars. Any chance you can align those to be the same color? if so, the compliance colors are the ones we would like to use. If it makes more sense for that change to be a separate pr then feel free to ignore this comment.

Otherwise, looks and works great, thank you!!

[vinay033]

@vinay033 the placeholder text color and border color appear to be different colors on the client runs vs compliance search bars. Any chance you can align those to be the same color? if so, the compliance colors are the ones we would like to use. If it makes more sense for that change to be a separate pr then feel free to ignore this comment.

Otherwise, looks and works great, thank you!!

I have added changes for this, please have a look.