pref: improve code block styling in editor

[LIlGG]

What type of PR is this?

/kind improvement
/area editor

What this PR does / why we need it:

优化编辑器代码块样式。

before:

after:

How to test it?

测试复制功能是否正常。

Does this PR introduce a user-facing change?

优化默认编辑器代码块样式

[LIlGG]

/milestone 2.17.x

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 56.45%. Comparing base (5fdf6c0) to head (b48e46b).
Report is 234 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##               main    #6089      +/-   ##
============================================
- Coverage     56.91%   56.45%   -0.46%     
- Complexity     3319     3540     +221     
============================================
  Files           587      623      +36     
  Lines         18968    20956    +1988     
  Branches       1401     1478      +77     
============================================
+ Hits          10795    11831    +1036     
- Misses         7594     8525     +931     
- Partials        579      600      +21     

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

[ruibaby]

/lgtm

[ruibaby]

/approve

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: ruibaby

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• ui/OWNERS [ruibaby]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment