chore(webui): Migrate to Quasar 2.x and Vue.js 3.x

[andsarr]

What does this PR do?

Vue.js 2.x has reached EOL and it should not be used anymore. This PR migrates the Web UI to Quasar Framework 2.x and Vue.js 3.x.

Motivation

Fixes #9932

More

• [ ] Added/updated tests
• [ ] Added/updated documentation

Additional Notes

[andsarr]

@mmatur the current changes have migrated the WebUI from Vue.js v2.x to 3.x, from Quasar 1.x to v2.x and from Webpack to Vite.

Should I stop at this point or should I also migrate from Vuex to Pinia?

[mmatur]

@andsarr, to me you can stop it.

Thanks for your job on it.

[andsarr]

The color difference is fixed as well as the chart difference.

There is one problem that I haven't been able to fixed and that kind of happens randomly. When navigating to the to the Service Details Page or the Middleware Details Page, an exception is thrown:

This is because the on-load-more property is not define for the MainTable used in those components. But I get the exception even after setting a default value to the property or defining it explicitly. I get the exception also even after testing if the variable is undefined in an if statement. I have no idea why!!.

[andsarr]

The error in the MainTable component is fixed. @mmatur, @rtribotte should I do something else to get this merged?

[andsarr]

By the way, after the review, it is probably good to squash the commits before merging.

[ldez]

You don't need to squash, our merge-bot always rebases the PR and squashes the commits.

[andsarr]

Thanks @gndz07

[nmengin]

Hey @andsarr,

Thank you for the contribution 🎉