[BOT] Farabi/bot-530/active search bar for tutorial

[farabi-deriv]

Changes:

• Dark mode improvements for quick strategies on tutorials tab
• Highlighted the border of search bar on tutorial when active

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	Feb 29, 2024 7:40am

[github-actions]

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

• PR: [BOT] Farabi/bot-530/active search bar for tutorial #13863
• URLs:
  • w/ App ID + Server: https://deriv-app-git-fork-farabi-deriv-farabi-bot-530active-sea-e9c9f5.binary.sx?qa_server=red.derivws.com&app_id=24189
  • Original: https://deriv-app-git-fork-farabi-deriv-farabi-bot-530active-sea-e9c9f5.binary.sx
• App ID: 24189

Click here to copy & paste above information.

- **PR**: [https://github.com/binary-com/deriv-app/pull/13863](https://github.com/binary-com/deriv-app/pull/13863)
- **URLs**:
    - **w/ App ID + Server**: https://deriv-app-git-fork-farabi-deriv-farabi-bot-530active-sea-e9c9f5.binary.sx?qa_server=red.derivws.com&app_id=24189
    - **Original**: https://deriv-app-git-fork-farabi-deriv-farabi-bot-530active-sea-e9c9f5.binary.sx
- **App ID**: `24189`

[github-actions]

🚨 Lighthouse report for the changes in this PR:

Category	Score
🔺 Performance	31
🟧 Accessibility	89
🟢 Best practices	92
🟧 SEO	85
🟧 PWA	78

Lighthouse ran with https://deriv-app-git-fork-farabi-deriv-farabi-bot-530active-sea-e9c9f5.binary.sx/

[maryia-matskevich-deriv]

@farabi-deriv it looks like the default background color of the input field should be a different color according to the design link. Please correct me if I'm wrong. I haven't found any other option for default color behavior. Kindly please check it 🙏

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
8.4% Duplication on New Code

See analysis details on SonarCloud