fix: conditionally use useLayoutEffect to avoid react ssr warning

[hkang1]

Issue:

With the new react updates, a warning of

Warning: useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI. To avoid this, useLayoutEffect should only be used in components that render exclusively on the client. See https://reactjs.org/link/uselayouteffect-ssr for common fixes.

is show when useLayoutEffect is used, particularly the useObservable hook.

Solution:

Add logic to ensure that useLayoutEffect is only used on the client side, specifically when window object is defined to indicate that it has DOM access. Otherwise default to useEffect.