[TRAH] Aizad/TRAH-2651/Trading App Card improvements

[aizad-deriv]

Changes:

• Created a reusable component layout within the TradingAccountCardComponent and used across Options and Multipliers, MT5, Deriv X and CTrader accounts.
• Created a coral light button
• Fix alignment issues and some other minor tweaks
• All of the changes above supports different screen sizes

Screenshots:

Screen.Recording.2024-01-11.at.6.11.03.PM.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
deriv-app	✅ Ready (Inspect)	Visit Preview	Jan 11, 2024 10:24am

[coveralls]

coverage: 34.581% (+0.002%) from 34.579%
when pulling 5ec8973 on aizad-deriv:aizad/TRAH-2651/trading-app-card
into 24bb142 on binary-com:master.

[github-actions]

A production App ID was automatically generated for this PR. (log)

• PR: [TRAH] Aizad/TRAH-2651/Trading App Card improvements #12899
• URLs:
  • w/ App ID + Server: https://deriv-app-git-fork-aizad-deriv-aizad-trah-2651trading-app-card.binary.sx?qa_server=red.derivws.com&app_id=23831
  • Original: https://deriv-app-git-fork-aizad-deriv-aizad-trah-2651trading-app-card.binary.sx
• App ID: 23831

Click here to copy & paste above information.

- **PR**: [https://github.com/binary-com/deriv-app/pull/12899](https://github.com/binary-com/deriv-app/pull/12899)
- **URLs**:
    - **w/ App ID + Server**: https://deriv-app-git-fork-aizad-deriv-aizad-trah-2651trading-app-card.binary.sx?qa_server=red.derivws.com&app_id=23831
    - **Original**: https://deriv-app-git-fork-aizad-deriv-aizad-trah-2651trading-app-card.binary.sx
- **App ID**: `23831`

[github-actions]

🚨 Lighthouse report for the changes in this PR:

Category	Score
🔺 Performance	18
🟧 Accessibility	89
🟢 Best practices	92
🟢 SEO	92
🟧 PWA	80

Lighthouse ran with https://deriv-app-git-fork-aizad-deriv-aizad-trah-2651trading-app-card.binary.sx/

[sonarqubecloud]

Quality Gate passed

The SonarCloud Quality Gate passed, but some issues were introduced.

3 New issues
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[github-actions]

⏳ Generating Lighthouse report...