Good to know: You should render providers as deep as possible in the tree – notice how ThemeProvider only wraps {children} instead of the entire document. This makes it easier for Next.js to optimize the static parts of your Server Components.
https://nextjs.org/docs/getting-started/react-esse...
"вы должны отображать провайдеров как можно глубже в дереве" - вот что путает в документации. То есть заявляются чтобы контекст держали поближе к "клиентским" компонентам, а далее приводят пример как прокинуть провайдер прям с лаяута, нарушая свою же логику
