fix: react hooks observers

[helciofranco]

This is exactly the same implementation of FuelLabs/fuels-npm-packs#55
Applying here just for compatibility purposes (temporarily since this will be removed soon).

---

This PR fixes and reduces a lot of re-renders across our query observers.

This issue was caused due to the way which @tanstack/react-query handles the tracked properties to re-renders.
Internally, they implemented a Proxy to intercept and track which properties a component is listening from a useQuery hook.

It means that when we're calling a useQuery with spread operators, it is forwarding to that Proxy that we want to listen to EVERY existent property.

const query = useQuery();

return { custom: query.data, ...query }; // <- "...query" is the issue here

So, what I did? I created the useNamedQuery that is also a Proxy and it'll also rename the data property to anything you want to name, and keeping the performance everywhere.

This ensures we're going to re-render ONLY when tracked properties get updates.

⚠️ Before	✅ Now
	Only 1 property will trigger re-renders

[github-actions]

Coverage report for ./packages/app

St.❔	Category	Percentage	Covered / Total
🟡	Statements	64.9%	3258/5020
🔴	Branches	41.35%	586/1417
🔴	Functions	48.36%	680/1406
🟡	Lines	65.49%	3142/4798

Test suite run success

236 tests passing in 72 suites.

Report generated by 🧪jest coverage report action from 682f61c