Maryia/BOT-795/fix: snackbar close icon appearance on Safari doesn't match rest of the browsers

[maryia-matskevich-deriv]

Changes:

fix: Snackbar close icon appearance on Safari doesn't match rest of the browsers:

• Do this for dark theme
• Do this for light theme

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	Oct 12, 2023 2:34pm

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[maryia-matskevich-deriv]

The problem was related to filter: invert(1);
We can see the warning in the safari.
Since the prefix didn't help, but I added it anyway, in some cases forcing GPU acceleration can help.

How it works?
transform: translateZ(0) is a trick to fix graphical artifacts, the browser can optimize the rendering of this element using the GPU. CSS filters can be passed from CPU (central processing unit) to GPU (graphics processing unit)

[github-actions]

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

• PR: Maryia/BOT-795/fix: snackbar close icon appearance on Safari doesn't match rest of the browsers #10644
• URLs:
  • w/ App ID + Server: https://deriv-app-git-fork-maryia-matskevich-deriv-bot-795.binary.sx?qa_server=red.binaryws.com&app_id=24161
  • Original: https://deriv-app-git-fork-maryia-matskevich-deriv-bot-795.binary.sx
• App ID: 24161

Click here to copy & paste above information.

- **PR**: [https://github.com/binary-com/deriv-app/pull/10644](https://github.com/binary-com/deriv-app/pull/10644)
- **URLs**:
    - **w/ App ID + Server**: https://deriv-app-git-fork-maryia-matskevich-deriv-bot-795.binary.sx?qa_server=red.binaryws.com&app_id=24161
    - **Original**: https://deriv-app-git-fork-maryia-matskevich-deriv-bot-795.binary.sx
- **App ID**: `24161`

[github-actions]

🚨 Lighthouse report for the changes in this PR:

Category	Score
🔺 Performance	15
🟧 Accessibility	75
🟢 Best practices	92
🟧 SEO	85
🟢 PWA	90

Lighthouse ran with https://deriv-app-git-fork-maryia-matskevich-deriv-bot-795.binary.sx/