Rewrite edge components with TSX

[MikuroXina]

Separeted from #790.

Changelog

Modernized the codebase by upgrading dependencies, converting React components from JavaScript classes to TypeScript functions.

[codecov-commenter]

Codecov Report

Base: 88.32% // Head: 88.28% // Decreases project coverage by -0.03% :warning:

Coverage data is based on head (d326190) compared to base (717facb). Patch coverage: 20.00% of modified lines in pull request are covered.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #791 +/- ## ========================================== - Coverage 88.32% 88.28% -0.04% ========================================== Files 175 175 Lines 5293 5293 Branches 269 271 +2 ========================================== - Hits 4675 4673 -2 - Misses 583 585 +2 Partials 35 35 ``` | [Impacted Files](https://codecov.io/gh/bemusic/bemuse/pull/791?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bemusic) | Coverage Δ | | |---|---|---| | [bemuse/src/utils/now.ts](https://codecov.io/gh/bemusic/bemuse/pull/791/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bemusic#diff-YmVtdXNlL3NyYy91dGlscy9ub3cudHM=) | `26.66% <20.00%> (ø)` | | Help us with your feedback. Take ten seconds to tell us [how you rate us](https://about.codecov.io/nps?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bemusic). Have a feature suggestion? [Share it here.](https://app.codecov.io/gh/feedback/?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=bemusic)

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

[sonarcloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
5 Code Smells

No Coverage information
0.0% Duplication