feat: use css to control the display and hiding of modules under workbench

[kiwiwong]

Description

Use css to control the display and hiding of modules under workbench.
Optimize the style of MenuBar in horizontal mode.

Fixes #562

Changes

• Added the Display component.
• The module that originally used conditional rendering under the workbench was changed to use the Display component to wrap.
• Adjusted the height and font size of MenuBar in horizontal mode.

[codecov]

Codecov Report

Merging #564 (46c8055) into main (1ee89ba) will increase coverage by 0.50%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main     #564      +/-   ##
==========================================
+ Coverage   86.77%   87.27%   +0.50%     
==========================================
  Files         189      190       +1     
  Lines        5571     5571              
  Branches     1245     1241       -4     
==========================================
+ Hits         4834     4862      +28     
+ Misses        727      699      -28     
  Partials       10       10              

Impacted Files	Coverage Δ
src/components/display/index.tsx	100.00% <100.00%> (ø)
src/workbench/workbench.tsx	100.00% <100.00%> (ø)
src/extensions/locales-defaults/index.ts	90.00% <0.00%> (+1.11%)	⬆️
src/controller/activityBar.ts	80.35% <0.00%> (+50.00%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 1ee89ba...46c8055. Read the comment docs.

[wewoor]

+1