Update Vue3 libraries and related configuration

[cnotv]

Description

Update libraries and vueconfig as indicated in the finding. The goal is to have an updated and running configuration, not an actual running application as it will require other steps.

Note: Node 16 is EOL and we'll have to update to ^18 (already done in draft PR)

TODO

• [x] Update Vue3 ecosystem libraries
• [x] Vue config updates
• [x] Vue Router updates
• [x] TSConfig updates
• [x] ESLint Vue3 preset updates/fixes
• [x] ~Portal configuration (migration)~ seems like Vue3 is supported
• [x] Manual single files corrections (not from script)
• [x] Fix further Webpack5 deprecated messages
• [ ] ~Nuxt residuals~ handled separately but still blocking
  • https://github.com/rancher/dashboard/issues/10491
  • https://github.com/rancher/dashboard/issues/10636
  • https://github.com/rancher/dashboard/issues/11070
• [x] Add missing libraries removed with Vue3
• [x] Rebase and update configuration related to latest vue.config, plugins, middleware and all other imports
• [x] Update vue-router and Vue architectures to match new Vue3 APIs

List of required changes

NOTE: These changes have been already partially solved in the draft PR!

Copied here for review purposes:

• Vue config, lack of typing makes very complex to update
  • Copy Plugin has been initialized using an options object that does not match the API schema., now to be defined in pattern key as object config
  • whitespaces https://github.com/vuejs/core/pull/1600#issuecomment-1030744888
  • Webpack new API schema, configuration.watchOptions.ignored should be a non-empty string
  • Dev Server new API schema
  • options has an unknown property 'before', replaced by onBeforeSetupMiddleware
  • options has an unknown property 'public'
  • devServer.public does not exists https://github.com/vuejs/vue-cli/issues/6841
  • TypeError: app.use is not a function, new object over parameters
  • Cannot read properties of undefined (reading 'websocketProxies')
  • vue DeprecationWarning: 'https' option is deprecated https://webpack.js.org/configuration/dev-server/#devserverhttp2
  • Cannot add property htmlWebpackPluginAlterChunks, object is not extensible Webpack 4/5 conflicts
• TSConfig, after updating packages some types are not working correctly anymore
  • Jest types are not recognized, but work fine for @rancher/components
  • Restore correct file tree for the TSConfig, using root as main, shell as extended
  • ~It would be convenient to exclude linting of tests files on dev/build~ Fixed with https://github.com/rancher/dashboard/issues/9149
• Vuex requires some small migration manual changes: https://vuex.vuejs.org/guide/migrating-to-4-0-from-3-x.html

[kwwii]

A Node update will be necessary as part of this.

[cnotv]

A Node update will be necessary as part of this.

This has been already carried in the PR draft as first step.

[cnotv]

Small note wether this point arises: the command vue upgrade may not be sufficient for updating all the libraries, which have then be updated manually.

[cnotv]

Setting this one in review, as upgrades have been done and need to be tested with on run, plus generated on script most of them.

[cnotv]

As we are approaching the merging to master phase, I'll merge this PR into the Vue3 branch after rebase.

[cnotv]

Closing in favor of https://github.com/rancher/dashboard/pull/11686/