feat: fix toolbar of text editor at top while scrolling

[Faraz32123]

Ticket: TNL-11969
In this PR, fixed toolbar of text editor at the top even while scrolling.

Before:

After:

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 93.96%. Comparing base (e212e1a) to head (4a63b2b).
Report is 35 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #2012      +/-   ##
==========================================
+ Coverage   93.95%   93.96%   +0.01%     
==========================================
  Files        1154     1154              
  Lines       24098    24098              
  Branches     5207     5206       -1     
==========================================
+ Hits        22641    22644       +3     
+ Misses       1380     1377       -3     
  Partials       77       77              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[rayzhou-bit]

This file is under the problem editor folder. Is that right?

[Faraz32123]

This file is under the problem editor folder. Is that right?

yes, Should we create a new file? Cause tox & tinymce related css was there, And those were also related to editors.

[rayzhou-bit]

I tested this by adding large images and it's working well.

Ideally, there should be an scss file for TextEditor as well but I can see this scss is affecting both text and problem editors. Let's just leave it all in the current file for now since it's a fix.

Nit change: I tried moving all the selectors under .tinyMceWidget into .pgn__modal-body-content and that works. It would remove some duplicate selectors and would work for both text and problem.