Migrating the Remaining Reducers from Context API to Redux Toolkit

[Tingg-v1]

Problem

The existing frontend codebase is partially migrated from the Context API to Redux Toolkit. While the appview, menu, and query components have been successfully migrated, the remaining components including DatabaseReducers, ERDReducers, and related actions, still use the Context API. This partial migration creates inconsistency in state management, making the codebase harder to maintain and scale.

Solution

1. Create slice file for DatabaseReducers and ERDReducers
2. Define the Initial State and Reducers by moving the logic from DatabaseActions.ts, ERDMySqlActions.ts, ERDPsqlActions.ts, and ERDSqLiteActions.ts into the slices.
3. Add the slices to the store configuration in store.ts.
4. For each component using DatabaseActions and ERDActions, update to use useSelector and useDispatch.
5. Remove the old related actions, contexts and reducers

Additional information

No response

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd love to make a PR to implement this feature!