Update environment & account list in udapp

[hsy822]

1. Environment UI Updates:

• Changed the existing list into a main menu and submenu structure.

2. Account UI Improvements:

• Implemented a hierarchical list sorting logic to clearly show the relationship between EOAs (Owners) and their associated Smart Accounts.
• Added "Owner" and "Smart" badges to make each account’s role easily identifiable.
• Fixed a delay issue where the "Owner" info chip wasn’t updating immediately when selecting a Smart Account, ensuring the UI responds instantly.

[netlify]

✅ Deploy Preview for reliable-cocada-166884 ready!

Name	Link
🔨 Latest commit	9bac08c
🔍 Latest deploy log	https://app.netlify.com/projects/reliable-cocada-166884/deploys/68cb81d1120eb4000848301f
😎 Deploy Preview	https://deploy-preview-6368--reliable-cocada-166884.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Aniket-Engg]

If there are two owner account in account dropdown and I create a smart account selecting second owner account, it shows second owner address on modal but loads newly created smart account under first owner account and shows first owner address on toaster too.

[hsy822]

If there are two owner account in account dropdown and I create a smart account selecting second owner account, it shows second owner address on modal but loads newly created smart account under first owner account and shows first owner address on toaster too.

@Aniket-Engg Hmm, I’ve been thinking about that too. This happens because Remix cannot directly control browser wallet accounts. That’s why I added a warning message inside the modal. But do you think there might be another alternative?

[Aniket-Engg]

If there are two owner account in account dropdown and I create a smart account selecting second owner account, it shows second owner address on modal but loads newly created smart account under first owner account and shows first owner address on toaster too.

@Aniket-Engg Hmm, I’ve been thinking about that too. This happens because Remix cannot directly control browser wallet accounts. That’s why I added a warning message inside the modal. But do you think there might be another alternative?

ok yes. If we update the owner address from Remix IDE in the request, Metamask signing will not pass.

[Aniket-Engg]

Functionality wise looks fine to me