More responsive useLocalStorage hook

[vcua-mobify]

In order to trigger react re-renders when the contents of local store are modified, our commerce-sdk-react hooks utilize an in internal hook useLocalStorage. However, our current implementation can get into situations where it does not readily pick up changes in local store and instead holds onto previous state. When this occurs, components that call the hook fail to re-render when they should.

This PR changes the implementation of useLocalStorage to be more responsive to changes in local storage.

Testing:
Do the following steps (you can compare these changes on an instance of the PWA with the old implementation of useLocalStorage)

• Start the app and navigate to a PDP
• (Optional) Log in
• Clear local storage

Before the changes:

• Observe that nothing happens. If you logged in, you can see that the header still shows you are logged in.

After the changes:

• UI elements are updated to reflect that things in local store are no longer present such as the add to cart button being disabled, and the header updating to show you are now logged out.

[vcua-mobify]

This change helps address a UI issue seen in #1696 where properties are being updated in local storage but the header component is not updating to reflect new values (ie. on a hybrid site, log in via SFRA then navigate to PWA - the header should show you are logged in).

[bendvc]

Consider renaming this function to be something else. Right now it's a function masquerading as a hook, at least with the use prefix.

[bendvc]

Another observation is that you are defining these functions everytime this hook re-renders.. you might want to look into using the useCallback hook to cache the function implementations between renders to ensure we are being as performant as possible.

[bendvc]

Alternatively you can define those functions in a separate file, or outside of the hook implementation.