Port app-modal to harvester shell (backport #1163) (Target v1.3, Testing)

[mergify]

Summary

Rancher dashboard has already replace <modal> to <app-modal> in below two PRs

• Replace modal implementation in PromptModal.vue rancher/dashboard#10556
• Replace vue-js-modal with app-modal rancher/dashboard#10591

PR Checklist

• Is this a multi-tenancy feature/bug?
  • Yes, the relevant RBAC changes are at:
• Do we need to backport changes to the old Rancher UI, such as RKE1?
  • Yes, the relevant PR is at:
• Are backend engineers aware of UI changes?
  • Yes, the backend owner is:

Related Issue #
[BUG] Can't select the harvester version to upgrade in Rancher UI
[BUG] Rancher doesn't use dark mode in popup modals when in Harvester UI

Screenshot/Video

I've tested harvester

• upgrade modal ✅
• all modals in vm edit page ✅
• generate support bundle modal✅
• Novnc customKey modal✅

Test on embedded mode

---

This is an automatic backport of pull request #1163 done by [Mergify](https://mergify.com).

[mergify]

Cherry-pick of 85b311d has failed:

On branch mergify/bp/release-harvester-v1.3/pr-1163
Your branch is up to date with 'origin/release-harvester-v1.3'.

You are currently cherry-picking commit 85b311da3.
  (fix conflicts and run "git cherry-pick --continue")
  (use "git cherry-pick --skip" to skip this patch)
  (use "git cherry-pick --abort" to cancel the cherry-pick operation)

Changes to be committed:
	modified:   cypress/e2e/po/prompts/promptRemove.po.ts
	modified:   jest.setup.js
	modified:   package.json
	modified:   pkg/harvester/components/HarvesterUpgrade.vue
	modified:   pkg/harvester/components/novnc/NovncConsoleCustomKeys.vue
	modified:   pkg/harvester/components/novnc/NovncConsoleWrapper.vue
	modified:   pkg/harvester/dialog/HarvesterSupportBundle.vue
	modified:   pkg/harvester/dialog/RestartVMDialog.vue
	modified:   pkg/harvester/edit/harvesterhci.io.host/HarvesterSeeder.vue
	modified:   pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/AccessCredentialsUsers.vue
	modified:   pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/index.vue
	modified:   pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineSSHKey.vue
	modified:   pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue
	modified:   shell/assets/styles/app.scss
	deleted:    shell/assets/styles/vendor/vue-js-modal.scss
	new file:   shell/components/AppModal.vue
	modified:   shell/components/AssignTo.vue
	modified:   shell/components/CommunityLinks.vue
	modified:   shell/components/Dialog.vue
	modified:   shell/components/DisableAuthProviderModal.vue
	modified:   shell/components/Inactivity.vue
	modified:   shell/components/ModalWithCard.vue
	modified:   shell/components/MoveModal.vue
	modified:   shell/components/PromptChangePassword.vue
	modified:   shell/components/PromptModal.vue
	modified:   shell/components/PromptRemove.vue
	modified:   shell/components/PromptRestore.vue
	modified:   shell/components/ResourceCancelModal.vue
	modified:   shell/components/nav/Header.vue
	modified:   shell/initialize/index.js
	modified:   shell/list/management.cattle.io.feature.vue
	modified:   shell/package.json
	modified:   shell/pages/c/_cluster/uiplugins/CatalogList/CatalogLoadDialog.vue
	modified:   shell/pages/c/_cluster/uiplugins/DeveloperInstallDialog.vue
	modified:   shell/pages/c/_cluster/uiplugins/InstallDialog.vue
	modified:   shell/pages/c/_cluster/uiplugins/RemoveUIPlugins.vue
	modified:   shell/pages/c/_cluster/uiplugins/SetupUIPlugins.vue
	modified:   shell/pages/c/_cluster/uiplugins/UninstallDialog.vue
	deleted:    shell/plugins/vue-js-modal.js
	modified:   shell/public/index.html
	new file:   storybook/stories/components/AppModal.stories.mdx
	modified:   yarn.lock

Unmerged paths:
  (use "git add <file>..." to mark resolution)
	both modified:   pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
	both modified:   pkg/harvester/l10n/en-us.yaml

Cherry-pick of 5f65595 has failed:

On branch mergify/bp/release-harvester-v1.3/pr-1163
Your branch is ahead of 'origin/release-harvester-v1.3' by 1 commit.
  (use "git push" to publish your local commits)

You are currently cherry-picking commit 5f6559533.
  (fix conflicts and run "git cherry-pick --continue")
  (use "git cherry-pick --skip" to skip this patch)
  (use "git cherry-pick --abort" to cancel the cherry-pick operation)

Unmerged paths:
  (use "git add <file>..." to mark resolution)
	both modified:   pkg/harvester/l10n/en-us.yaml

no changes added to commit (use "git add" and/or "git commit -a")

Cherry-pick of 874e191 has failed:

On branch mergify/bp/release-harvester-v1.3/pr-1163
Your branch is ahead of 'origin/release-harvester-v1.3' by 2 commits.
  (use "git push" to publish your local commits)

You are currently cherry-picking commit 874e19146.
  (fix conflicts and run "git cherry-pick --continue")
  (use "git cherry-pick --skip" to skip this patch)
  (use "git cherry-pick --abort" to cancel the cherry-pick operation)

Changes to be committed:
	modified:   pkg/harvester/components/novnc/NovncConsoleCustomKeys.vue

Unmerged paths:
  (use "git add <file>..." to mark resolution)
	both modified:   pkg/harvester/edit/harvesterhci.io.host/HarvesterDisk.vue

To fix up this pull request, you can check it out locally. See documentation: https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/reviewing-changes-in-pull-requests/checking-out-pull-requests-locally

[a110605]

I am still testing this PR change against v1.3.2 release.

[torchiaf]

LG