Building the Context and Custom Hooks

Next, I made that data accessible everywhere without passing props endlessly. StoreContext.jsx holds the cart, current page, search term, and filters, along with functions like addToCart and goTo, all shared through StoreContext.Provider.

Alongside it, useToastQueue.js was built as a custom hook to manage toast notifications. Both the customer and admin sides call this hook separately, so each gets an independent toast queue without duplicating any logic.