chore: add prettier-plugin-organize-imports plugin to organize imports

[ruibaby]

What type of PR is this?

/area ui
/kind improvement
/milestone 2.20.x

What this PR does / why we need it:

使用 https://github.com/simonhaenisch/prettier-plugin-organize-imports 优化 UI 项目的模块导入，之前我们是通过配置 VSCode 来实现导入优化，但这种方式局限于 VSCode 编辑器，在其他编辑器无法得到统一的支持。

并且我们为 UI 添加了 git pre commit hook，在提交代码前会对已修改的文件执行 prettier，这样能够更好的保证一致性。

Does this PR introduce a user-facing change?

None

[sonarcloud]

Quality Gate passed

Issues
0 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

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 57.06%. Comparing base (d7aba83) to head (e3f5cd7).
Report is 27 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##               main    #6836      +/-   ##
============================================
+ Coverage     57.03%   57.06%   +0.02%     
- Complexity     3978     3992      +14     
============================================
  Files           713      714       +1     
  Lines         23992    24074      +82     
  Branches       1570     1579       +9     
============================================
+ Hits          13685    13738      +53     
- Misses         9696     9723      +27     
- Partials        611      613       +2     

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

[LIlGG]

/lgtm

[guqing]

/lgtm

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: guqing

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 [guqing]

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