fix: close wallet connection modal after connect with namespace

[RyukTheCoder]

Summary

Wallet connection modal was not closing automatically after connecting a wallet which needs namespace selection or derivation path entering. It is fixed by calling afterConnect method after connecting wallet with namespace or derivation path.

Fixes # 2147

How did you test this change?

Tested by connecting a wallet which needs namespace or derivation path (such as phantom and ledger) and observing that wallet connection modal closes automatically after successful connect.

Checklist:

• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• Implemented a user interface (UI) change, referencing our Figma design to ensure pixel-perfect precision.

[yeager-eren]

You spot the bug very well, afterConnected, there are one points on your approach:
props.onConnect will be called on each state/step, but it need only to be run on successful connection which means at the of the process, only once.

I suggest to see it as an effect. keep your afterConnected and instead of calling .then(afterConnected), do this:

useEffect(afterConnected, [getState().status])

Notes:

• you can also define a ref using useRef to update and access to isConnected.
• onConnect should be run once so in your afterConnected you need to have a condition like: !resultIsConnected || !resultIsDisconnected return; to stop proceeding.