feat: add PooledStaking slice for managing staking state

amitabh94 commented 5 days ago

Description

This PR refactors the staking-related state management by introducing a staking redux slice. This change improves state management consistency, reduces duplicate state, and makes the data flow more predictable across the staking feature.

Created new PooledStaking slice to manage staking-related state
Refactored hooks to use Redux store instead of local state:
- usePooledStakes
- useStakingEligibility
- useVaultData
- useStakingEarnings
Moved hasStakedPositions from usePooledStakes to useStakingEarnings to avoid prop drilling
Updated tests to reflect new state management pattern

Related issues

Fixes: STAKE-870

Manual testing steps

Perform an unstake transaction
Navigate to Eth details page while the transaction is still processing
You will now see the unstaking banner pop up when transaction is completed without navigating away and coming back to the details page

Screenshots/Recordings

Before

https://github.com/user-attachments/assets/cbdfad52-58ae-4396-a214-0c793eb49f7c

After

https://github.com/user-attachments/assets/d064012f-32c3-41a3-8537-4593b6e409af

Pre-merge author checklist

[x] I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
[x] I've completed the PR template to the best of my ability
[x] I’ve included tests if applicable
[x] I’ve documented my code using JSDoc format if applicable
[x] I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

[ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
[ ] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.