multiple requests triggered sequentialy using hx-sync

i have this todo app which is a fullstack built on hono and htmx, i have a header with a backend data to be displayed on the target element in the frontend. but it must wait for the root request to be triggered first to display data on the header.

here is the structure of the layout => html -> body (with hx request) -> div (with hx request) -> ul (with hx request)

the problem is ul hx-sync watches body request and display data correctly (wait for data) but the middle div request is not triggered after body request end (hx-sync).

the url of the request is : ${process.env.BaseUrl}/api/auth/user

here is the code => https://github.com/bensos000/hono-htmx-monorepo