feat(tangle-cloud): Configure Layout, Network, and Wallet

[AtelyPham]

Summary of changes

• MAIN WORK: Establish a new library named tangle-shared-ui to facilitate the sharing of UI components and logic hooks between the Tangle dApp and Tangle Cloud.
• Implement the layout, including a header, footer, and a sidebar for Tangle Cloud, featuring a dropdown menu for role selection.
• Remove the hardcoded provider type from useSubstrateExplorerUrl to resolve an encoding issue that caused the dApp to freeze when connecting to the EVM wallet ae33481.
• Incorporate a connected accounts check to ensure accounts are always available before initializing the Polkadot API db5fec2.
• Add the missing target typed chain ID to the "try again" function to ensure proper wallet connectivity when users click on it dcd8bb4.

Proposed area of change

Put an x in the boxes that apply.

• apps/tangle-dapp
• apps/tangle-cloud
• libs/webb-ui-components

Associated issue(s)

Specify any issues that can be closed from these changes (e.g. Closes #233).

• Closes [TASK] RBAC / Wallet Detection for Features Access #2558
• Closes [TASK] Make navbar expand/contract explicit via an indicator #2600

Screen Recording

If possible provide screenshots and/or a screen recording of proposed change.

CleanShot.2024-11-13.at.02.55.59.mp4

[netlify]

✅ Deploy Preview for tangle-dapp ready!

Name	Link
🔨 Latest commit	7f7e3aa
🔍 Latest deploy log	https://app.netlify.com/sites/tangle-dapp/deploys/67342f29d5a3bf0007babe12
😎 Deploy Preview	https://deploy-preview-2651--tangle-dapp.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 site configuration.

[netlify]

✅ Deploy Preview for tangle-cloud ready!

Name	Link
🔨 Latest commit	7f7e3aa
🔍 Latest deploy log	https://app.netlify.com/sites/tangle-cloud/deploys/67342f29a1eef90008f145cc
😎 Deploy Preview	https://deploy-preview-2651--tangle-cloud.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 site configuration.

[drewstone]

Looks great @AtelyPham ! In the next PR let's turn the Operator Deployer purple button in the sidebar into a proper looking dropdown, right now it looks like a button. You can deviate from design if you have intuition something is off!