doc(headless commerce SSR): refactor remix sample to include search box in global header

[fbeaudoincoveo]

https://coveord.atlassian.net/browse/KIT-4048

In summary:

I added a Header component, which accepts children.

In the root Layout, we now check whether we're on the search page (by looking at the URL pathname). If we're NOT on the search page, we pass a StandaloneSearchBox component wrapped in a StandaloneProvider as a child to the Header.

If we're on the search page, we instead pass a SearchBox component as a child for the Header, and we wrap the ParameterManager and Header components, as well as all children in a SearchProvider. This means we can remove all of the logic from the Search page loader (and also remove the Search page's wrapping SearchProvider).

The fact that we're now doing more Headless-related logic in the root Layout made me realize that we could do some refactoring to simplify a few things.

Instead of always setting the navigator context provider and updating the search token, I wrote a util to get the pre-updated definition.

I also wrote another util to get the base fetch static state configuration (because it's always basically the same).

[github-actions]

Pull Request Report

PR Title

❌ Title should follow the conventional commit spec:
<type>(optional scope): <description>

Example: feat(headless): add result-list controller

Live demo links

• Storybook

• Playwright report

Bundle Size

File	Old (kb)	New (kb)	Change (%)
case-assist	246.6	246.6	0
commerce	359.2	359.2	0
search	417.3	417.3	0
insight	408.5	408.5	0
recommendation	258	258	0
ssr	411.1	411.1	0
ssr-commerce	375.7	375.7	0