Your /search/page.tsx is a client component, but env(safe-area-inset-bottom) is a CSS environment variable, and whether it applies can depend on:

Whether the container has been rendered in a way that triggers it (like fullscreen PWA or mobile browser with visible bottom nav).

Whether the layout is fully hydrated or not yet during the render cycle.

In contrast, the 404 page is static and rendered differently (possibly server-rendered with a fully baked layout), so env() styles can take effect more reliably there.