Restored search hotkey for desktop. (alternative)

[sarahboyce]

Fixes #2349

I also added playwright to have a way to test JavaScript (might be controversial and can remove if wanted)
This is an alternative to #2355. Here, only one search bar exists in the page

[adamzap]

Great work here, @sarahboyce! This is the kind of solution I was hoping for.

We should confirm that this design change on wide viewports is intended and ideal:

Before:

After:

I think it's a nice improvement!

I'll take a closer look at the Playwright integration.

[adamzap]

I suppose we could remove this include now, but it's probably out of scope here.

[sarahboyce]

We should confirm that this design change on wide viewports is intended [...]
I think it's a nice improvement!

It wasn't intentional, I also think I prefer it to the current state. I know ülgen pointed out in the slack group that prior to the previous navbar change the navbar was centered on wide viewpoints. So perhaps we can chose what we want and make some adjustments 👍

[adamzap]

@sarahboyce We discussed this PR in the WG meeting today. Could you move the Playwright parts of this to another PR so that we can iterate on front-end testing separately?

[sarahboyce]

Could you move the Playwright parts of this to another PR so that we can iterate on front-end testing separately?

Moved to #2444

[adamzap]

👍 Looks great!

[SaptakS]

I like the order CSS trick to arrange the items in the navbar. Looks good to me. I did notice a separate accessibility issue, which is the keyboard seems to tab through the entire menu in the mobile navigation even when the menu is not open, but that should be a separate PR.