fix: state corruption of import accounts drawer

[woodenfurniture]

Description

Addresses several state corruption issues related to import accounts drawer in account management, namely state being rendered for the previously opened chain.

Key changes:

1. Migrates the account import queries to useInfiniteQuery in order to simplify state management
2. Resets component state when a different chain is being managed
3. Uses an actually unique key for account rows (instead of account number which is shared across different chains)

Pull Request Type

• 🐛 Bug fix (Non-breaking Change: Fixes an issue)
• 🛠️ Chore (Non-breaking Change: Doc updates, pkg upgrades, typos, etc..)
• 💅 New Feature (Breaking/Non-breaking Change)

Issue (if applicable)

NA

Risk

High Risk PRs Require 2 approvals

Low risk.

What protocols, transaction types or contract interactions might be affected by this PR?

Testing

Check that navigating to different chains in the "import accounts" drawer renders the correct toggled state of the accounts.

Engineering

Operations

Screenshots (if applicable)

Demo showing corrected state where toggles are actually representative of chain being managed:

Screen.Recording.2024-05-04.at.12.52.33.PM.mov

[gomesalexandre]

Looks sane to me conceptually - added two smallish non-blocking comments.

Tested at runtime and confirmed this does what this says on the box:

• "Load More" is still happy
• Toggling state is properly decoupled per chain