Deciding where server data belongs versus a global client store in a React architecture.
A team's app fetches user profiles, orders, and products from a REST API, and separately tracks UI concerns like a theme toggle and a multi-step form. They currently mirror all API responses into a single global store (e.g. Redux) with hand-written loading/error flags and cache-invalidation logic. Which architectural change best reduces complexity while staying idiomatic?