Shayan/feq 2183/implement account switcher

[shayan-deriv]

Usage Example:

                        <AccountSwitcher
                            activeAccount={activeAccount}
                        >
                            <AccountSwitcher.Tab title="Real">

                                <AccountSwitcher.AccountsPanel
                                    isOpen
                                    title="EU Accounts"
                                >
                                    {accountsList
                                        .map((account) => (
                                            <AccountSwitcher.AccountsItem
                                                key={account.loginid}
                                                account={account}
                                                onSelectAccount={() => {}}
                                            />
                                        ))}
                                </AccountSwitcher.AccountsPanel>

                                <Divider color="#f2f3f4" height="4px" />

                                <AccountSwitcher.AccountsPanel title="Non-EU">
                                    {accountsList
                                        .map((account) => (
                                            <AccountSwitcher.AccountsItem
                                                key={account.loginid}
                                                account={account}
                                                onSelectAccount={() => {}}
                                            />
                                        ))}
                                </AccountSwitcher.AccountsPanel>

                                <Divider color="#f2f3f4" height="4px" />

                                <AccountSwitcher.TotalAsset
                                    title="Total assets"
                                    description="test description text comes here"
                                    value="10,021 USD"
                                />

                                <Divider color="#f2f3f4" height="4px" />

                                <AccountSwitcher.TradersHubLink>
                                    Looking for CFD?{" "}
                                </AccountSwitcher.TradersHubLink>

                                <Divider color="#f2f3f4" height="4px" />

                                <AccountSwitcher.Footer>
                                    this is a footer
                                </AccountSwitcher.Footer>

                            </AccountSwitcher.Tab>

                            <AccountSwitcher.Tab title="Demo">
                                test 2
                            </AccountSwitcher.Tab>

                        </AccountSwitcher>

Screen Record:
https://github.com/deriv-com/ui/assets/100833613/e86b5945-503a-4e80-9022-32578c640c90

[cloudflare-workers-and-pages]

Deploying deriv-ui with    Cloudflare Pages

Latest commit:	bd8754e
Status:	✅  Deploy successful!
Preview URL:	https://7d6ee450.deriv-ui.pages.dev
Branch Preview URL:	https://shayan-feq-2183-implement-ac.deriv-ui.pages.dev

View logs

[github-actions]

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

OpenSSF Scorecard

Package	Version	Score	Details

Scanned Manifest Files

[shayan-deriv]

these are for modal animation in mobile

[coveralls]

Pull Request Test Coverage Report for Build 9091164456

Details

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 60.905%

---

Totals
Change from base Build 9090595578:	0.0%
Covered Lines:	218
Relevant Lines:	346

---

💛 - Coveralls

[nada-deriv]

may be the prettier didn't run ..

[github-actions]

🎉 This PR is included in version 1.24.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀