HydrateClient component, which was in app/page.tsx, so I have a doubt, that, why NOT have it in the root layout/layout.tsx(its purpose is to hydrate the client components that come under it after making a request, then why NOT in layout.tsx and why in the page.tsx?), and should I put it in every page.tsx instead of layout.tsx if I wanna Hydrate the client and NOT pass the server fetched data as a prop?initialData prop inside the useQuery to populate the initial data?initalData prop then will it give me the holy grail of SSR or I'll be stuck with the hellish domain of CSR?(Although, from what I read/watched on YT, they say it provides SSR and can be seen in the Page Source Response, my question is, can the spiders/web crawlers read and understand it, coz then only it'll benefit the SEO!)