refactor(frontend): Migrate the frontend application from Vue.js 2 to 3

[Azurewarth0920]

Description

EOF of Vue.js 2 is at the end of this year, so I tried to migrate to Vue 3.

• Updated library and rewrote the frontend application with Vue 3 syntax.
• The project uses the UI library @vue/ui and seems not under maintenance, moves the components here and rewrites them with composition API.
• The tests are broken so I manually packaged it and tested it with my project, and it seems to work well.

Additional context

The PR has huge diffs and may be hard to review, and I try to separate each migration item into commits,
so that reviewing commit by commit is easier to read. Can you take a look at this? @Akryum

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).

[Akryum]

👀

[Akryum]

Thank you very much! 🙏

[sfe-efficy]

Hi!

This code is return a base64 encoded content with the string "module.exports = ....", I guess is normal because we are using require.context.

So, at the end is reporting errors all code at line 15 because the regular expresions will return a null (then cannot be destruct from null).

I tested with a code like:

      const base64Prefix = 'data:image/svg+xml;base64,'
      if (result.startsWith(base64Prefix)) {
        const positionPrefix = result.indexOf(base64Prefix) + base64Prefix.length
        const base64Content = result.substring(positionPrefix)
        result = atob(base64Content)
        const regex = /module.exports = (.*)/.exec(result)
        result = JSON.parse(regex[1])
      }

before using the regular expression.