Refactor some main components

[MikuroXina]

Separated from #790. The fixes which needs some improvements of the state management are not included.

[codecov-commenter]

Codecov Report

Base: 88.28% // Head: 88.27% // Decreases project coverage by -0.01% ⚠️

Coverage data is based on head (5a5fa8d) compared to base (28494e4).
Patch coverage: 11.76% of modified lines in pull request are covered.

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #795      +/-   ##
==========================================
- Coverage   88.28%   88.27%   -0.02%     
==========================================
  Files         175      175              
  Lines        5293     5295       +2     
  Branches      271      271              
==========================================
+ Hits         4673     4674       +1     
- Misses        585      586       +1     
  Partials       35       35              

Impacted Files	Coverage Δ
bemuse/src/devtools/ui/BenchmarkPanel.tsx	11.76% <11.76%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
2 Code Smells

No Coverage information
0.0% Duplication

[dtinth]

I have tested the features related to the changed files, seems to work great. Thanks so much!

[dtinth]

@MikuroXina I’ve just sent you an invite to collaborate on Bemuse. https://github.com/bemusic/bemuse/invitations

[MikuroXina]

@dtinth I've accepted, thanks for invitation! However, may I continue to contribute with my fork repository?

[dtinth]

@MikuroXina Of course, you can contribute in any way you are comfortable with. 😃