Nijil / WALL-4502 / Wallet upgrade banner UI fixes for Tablet screen sizes

[nijil-deriv]

Changes:

Wallet migration banner in TH for Tablet screen sizes UI enhancements with updated design for better client experience.

Dimensions

• Mobile/smaller screen tablets screen width <= 600 pixels.
• Tablets/larger screen phones/small screen desktops screen width >= 601px <= 1279 pixels.
• Desktop/larger screen tablets screen width >= 1280 pixels.

Screen Recording:

Screen.Recording.2024-07-26.at.12.01.35.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	Aug 1, 2024 2:38pm

[github-actions]

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

• PR: Nijil / WALL-4502 / Wallet upgrade banner UI fixes for Tablet screen sizes #16199
• URLs:
  • w/ App ID + Server: https://deriv-app-git-fork-nijil-deriv-nijil-wall-4502wallet-ban-8da2c1.binary.sx?qa_server=red.derivws.com&app_id=38677
  • Original: https://deriv-app-git-fork-nijil-deriv-nijil-wall-4502wallet-ban-8da2c1.binary.sx
• App ID: 38677

Click here to copy & paste above information.

- **PR**: [https://github.com/binary-com/deriv-app/pull/16199](https://github.com/binary-com/deriv-app/pull/16199)
- **URLs**:
    - **w/ App ID + Server**: https://deriv-app-git-fork-nijil-deriv-nijil-wall-4502wallet-ban-8da2c1.binary.sx?qa_server=red.derivws.com&app_id=38677
    - **Original**: https://deriv-app-git-fork-nijil-deriv-nijil-wall-4502wallet-ban-8da2c1.binary.sx
- **App ID**: `38677`

[github-actions]

🚨 Lighthouse report for the changes in this PR:

Category	Score
🔺 Performance	27
🟧 Accessibility	70
🟧 Best practices	83
🟧 SEO	77
🟧 PWA	78

Lighthouse ran with https://deriv-app-git-fork-nijil-deriv-nijil-wall-4502wallet-ban-8da2c1.binary.sx/

[coveralls]

coverage: 46.546% (+0.003%) from 46.543%
when pulling f4a3006 on nijil-deriv:nijil/wall-4502/wallet-banner-tablet
into 1094e9e on binary-com:master.

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[github-actions]

⏳ Generating Lighthouse report...