DTRA-1879 / Kate / [DTrader-V2]: Implement Rise/Fall forward starting contract and change card structure

[kate-deriv]

Changes:

Card changes:

• Repositioned elements in the contract card and clean unused css
• Chore UI: icon size changed to 16px, font size for Market&Stake changed to 14px
• Added tags for TP when it's active (will be shown for Open Positions and CD - only for open contracts)
• Added tags for SL when it's active (will be shown for Open Positions and CD - only for open contracts)
• Added tags for DC when it's active (will be shown for Open Positions and CD - only for open contracts, when DC is active)
• Removed duration tag from Multipliers contracts EXCEPT crypto markets
• Covered changed with tests

Forward starting contract:

• Created a tag for contract card with information about start time (Open Positions, Contract Details).
• Added a banner for Contract Details with information about start time and count down timer. Banner sticked to the top and be visible during scrolling.
• As Barrier information for forward staring contract is not available, it will be replaced with 'TBD' in Contract Details
• Covered changed with tests

Additionally:

• Rename Stop Loss --> Stop loss (in CD)
• Removed extra card wrapper
• Changed History title. Now it can be TP history, SL history or TP & SL history based on what exactly was changed.
• Chore UI: add padding bottom to Positions page

Screenshots:

[vercel]

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

Name	Status	Preview	Updated (UTC)
deriv-app	✅ Ready (Inspect)	Visit Preview	Sep 25, 2024 8:35am

[github-actions]

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

• PR: DTRA-1879 / Kate / [DTrader-V2]: Implement Rise/Fall forward starting contract and change card structure #16919
• URLs:
  • w/ App ID + Server: https://deriv-app-git-fork-kate-deriv-kate-dtra-1879forwardstart-62792e.binary.sx?qa_server=red.derivws.com&app_id=24064
  • Original: https://deriv-app-git-fork-kate-deriv-kate-dtra-1879forwardstart-62792e.binary.sx
• App ID: 24064

Click here to copy & paste above information.

- **PR**: [https://github.com/binary-com/deriv-app/pull/16919](https://github.com/binary-com/deriv-app/pull/16919)
- **URLs**:
    - **w/ App ID + Server**: https://deriv-app-git-fork-kate-deriv-kate-dtra-1879forwardstart-62792e.binary.sx?qa_server=red.derivws.com&app_id=24064
    - **Original**: https://deriv-app-git-fork-kate-deriv-kate-dtra-1879forwardstart-62792e.binary.sx
- **App ID**: `24064`

[github-actions]

🚨 Lighthouse report for the changes in this PR:

Category	Score
🔺 Performance	35
🟧 Accessibility	70
🟢 Best practices	92
🟧 SEO	77
🟧 PWA	78

Lighthouse ran with undefined

[coveralls]

coverage: 53.031% (+0.05%) from 52.984%
when pulling 8cb494d on kate-deriv:kate/DTRA-1879/forward_starting_support
into 78af652 on binary-com:master.

[kate-deriv]

Inside of ContractCard there is a wrapper with same className

[sonarcloud]

Quality Gate passed

Issues
2 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...