State management is often overcomplicated early in React projects. In this case, the focus was on using local state and context where appropriate before introducing heavier solutions.

By keeping state close to where it was used, components stayed easier to understand and debug. Global state was introduced only when clear sharing requirements emerged.

const [open, setOpen] = useState(false)

This restrained approach reduced complexity and improved long-term maintainability.