Fix separate search results page

[rachelwhitton]

replace #8665

The search field after the PDS Theme was implemented has a better experience than the (at the time) current production theme, so I switched efforts to this PR and I'm getting expected behaviors now on local and the preview env (in #8665 separate search results page worked locally but not on the preview)

Expected Search Experience:

• When you are using the search widget (everywhere except /search) and you hit enter, you are now directed to the separate search results page with the query passed in and results shown on page load
• When you are using the separate search results page (/search) the results should upate as you type, hitting enter in this search field on this page should not load a new page but it should update the search URL paramater in the address bar

• Outstanding: Style separate search results

[guardrails]

⚠️ We detected 1 security issue in this pull request:

Hard-Coded Secrets (1)

Severity	Details	Docs
Medium	Title: Hex High Entropy String documentation/src/pages/search.js Line 40 in e7d4fae var client = new AddSearchClient("a7b957b7a8f57f4cc544c54f289611c6")	📚

More info on how to fix Hard-Coded Secrets in General.

---

👉 Go to the dashboard for detailed results.

📥 Happy? Share your feedback with us.

[pantheon-decoupled]

⚡ Deployed with Pantheon Decoupled

This build was successfully deployed with Pantheon. You can track the build logs here.

👀 Preview: https://pr-8707-documentation.appa.pantheon.site
🛠️ Manage in Pantheon: https://dashboard.pantheon.io/site/2b30153f-e8b1-4427-b076-6109e704ba5d/overview

[pantheon-decoupled]

⚡ Deployed with Pantheon Decoupled

This build was successfully deployed with Pantheon. You can track the build logs here.

👀 Preview: https://pr-8707-documentation.appa.pantheon.site
🛠️ Manage in Pantheon: https://dashboard.pantheon.io/site/2b30153f-e8b1-4427-b076-6109e704ba5d/overview

[pantheon-decoupled]

⚡ Deployed with Pantheon Decoupled

This build was successfully deployed with Pantheon. You can track the build logs here.

👀 Preview: https://pr-8707-documentation.appa.pantheon.site
🛠️ Manage in Pantheon: https://dashboard.pantheon.io/site/2b30153f-e8b1-4427-b076-6109e704ba5d/overview

[pantheon-decoupled]

⚡ Deployed with Pantheon Decoupled

This build was successfully deployed with Pantheon. You can track the build logs here.

👀 Preview: https://pr-8707-documentation.appa.pantheon.site
🛠️ Manage in Pantheon: https://dashboard.pantheon.io/site/2b30153f-e8b1-4427-b076-6109e704ba5d/overview

[mel-miller]

It works!

The search results page is themed. I'm going to also theme the dropdown search results, but I'll do that in a separate PR so as to not hold this one up.

I'm not sure how much control you have over the markup from addsearch, but if possible the "number-of-results" should probably be an h2. Alternatively, the search hit titles could be h2 instead of h3. Either solution would work for proper heading levels on this page for accessibility purposes. I wouldn't hold up the whole thing for this, as it can always be fixed later, but I thought I'd mention it in case it was an easy change.

[stevector]

I'm not sure how much control you have over the markup from addsearch, but if possible the "number-of-results" should probably be an h2. Alternatively, the search hit titles could be h2 instead of h3. Either solution would work for proper heading levels on this page for accessibility purposes. I wouldn't hold up the whole thing for this, as it can always be fixed later, but I thought I'd mention it in case it was an easy change.

I'd prefer we handle that in a follow up.

[stevector]

Also, thanks @mel-miller! I'm passing this along internally and hope to have it merged soon.