Fix unsupported network detection and UI handling

[devin-ai-integration]

Fix Unsupported Network Detection and UI Handling

Issue

When a developer sets one network (e.g., Polygon Amoy) but wallets approve additional networks in "approvedNamespaces", AppKit doesn't properly handle this case, causing issues when the active chain is not in the requested networks list.

Changes

• Added isActiveNetworkInRequestedNetworks() method to NetworkController to check if the active network is in the requested networks list
• Updated NetworkButton component to show "Switch Network" when the active network is not supported
• Modified UnsupportedChainView message to be more generic for all unsupported networks
• Added network validation in the wagmi client to check if the active network is supported
• Added tests for the new network validation functionality

Testing

• Added unit tests for the new isActiveNetworkInRequestedNetworks() method
• Verified all existing tests pass

Link to Devin run

https://app.devin.ai/sessions/124d739794074b339654fedc48a576d7

Requested by: [email protected]

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[changeset-bot]

⚠️ No Changeset found

Latest commit: b76f26d

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[ignaciosantise]

AccountDefaultView also has a network button that should follow the same behavior. IF not supported, it should show "Switch Network" and open the unsupported network view.

[ignaciosantise]

AccountView also has a network button that shows the icon only. In case of an unsupported network there, we should also open the unsupported network view when pressed

[ignaciosantise]

It is also good to open the Unsupported Network view as soon as we notice the case. Dont wait til the user presses the network button

[sonarqubecloud]

Quality Gate failed

Failed conditions
44.2% Duplication on New Code (required ≤ 3%)
C Reliability Rating on New Code (required ≥ B)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE