Dashboard: Added a dialog for showing yaml, i18n, fix some ts error

[PatrickLai7528]

feat(web): yaml & some command display & fix some ts error & i18n

feat(web): yaml & some command display & fix some ts error & i18n

What type of PR is this?

Added a dialog for showing replicaRecommend, recommendationRule, resourcesRecommend yaml
Added a dialog for showing some frequently used command of resourcesRecommend, replicaRecommend
Wrap word with i18n.t
Fix some ts error

What this PR does / why we need it:

Which issue(s) this PR fixes:

Fixes #

Special notes for your reviewer:

[github-actions]

🎉 Successfully Build Images.
Now Support ARM Platforms.
Comment Post Time: 2022-08-15 19:40
Git Version: 9e35fca

Docker Registry

Overview: https://hub.docker.com/u/gocrane

Image	Pull Command
crane-agent:pr-478-9e35fca	docker pull gocrane/crane-agent:pr-478-9e35fca
dashboard:pr-478-9e35fca	docker pull gocrane/dashboard:pr-478-9e35fca
metric-adapter:pr-478-9e35fca	docker pull gocrane/metric-adapter:pr-478-9e35fca
craned:pr-478-9e35fca	docker pull gocrane/craned:pr-478-9e35fca

Quick Deploy - Helm

helm repo add crane https://finops-helm.pkg.coding.net/gocrane/gocrane
helm install crane -n crane-system --create-namespace \
                   --set craned.image.repository=gocrane/craned \
                   --set craned.image.tag=pr-478-9e35fca \
                   --set metricAdapter.image.repository=gocrane/metric-adapter \
                   --set metricAdapter.image.tag=pr-478-9e35fca \
                   --set craneAgent.image.repository=gocrane/crane-agent \
                   --set craneAgent.image.tag=pr-478-9e35fca \
                   --set cranedDashboard.image.repository=gocrane/dashboard \
                   --set cranedDashboard.image.tag=pr-478-9e35fca crane/crane

---

Coding Registry

Overview: https://finops.coding.net/public-artifacts/gocrane/crane/packages

Image	Pull Command
crane-agent:pr-478-9e35fca	docker pull finops-docker.pkg.coding.net/gocrane/crane/crane-agent:pr-478-9e35fca
dashboard:pr-478-9e35fca	docker pull finops-docker.pkg.coding.net/gocrane/crane/dashboard:pr-478-9e35fca
metric-adapter:pr-478-9e35fca	docker pull finops-docker.pkg.coding.net/gocrane/crane/metric-adapter:pr-478-9e35fca
craned:pr-478-9e35fca	docker pull finops-docker.pkg.coding.net/gocrane/crane/craned:pr-478-9e35fca

Quick Deploy - Helm

helm repo add crane https://finops-helm.pkg.coding.net/gocrane/gocrane
helm install crane -n crane-system --create-namespace \
                   --set craned.image.repository=finops-docker.pkg.coding.net/gocrane/crane/craned \
                   --set craned.image.tag=pr-478-9e35fca \
                   --set metricAdapter.image.repository=finops-docker.pkg.coding.net/gocrane/crane/metric-adapter \
                   --set metricAdapter.image.tag=pr-478-9e35fca \
                   --set craneAgent.image.repository=finops-docker.pkg.coding.net/gocrane/crane/crane-agent \
                   --set craneAgent.image.tag=pr-478-9e35fca \
                   --set cranedDashboard.image.repository=finops-docker.pkg.coding.net/gocrane/crane/dashboard \
                   --set cranedDashboard.image.tag=pr-478-9e35fca crane/crane

---

Ghcr Registry

Overview: https://github.com/orgs/gocrane/packages?repo_name=crane

Image	Pull Command
crane-agent:pr-478-9e35fca	docker pull ghcr.io/gocrane/crane/crane-agent:pr-478-9e35fca
dashboard:pr-478-9e35fca	docker pull ghcr.io/gocrane/crane/dashboard:pr-478-9e35fca
metric-adapter:pr-478-9e35fca	docker pull ghcr.io/gocrane/crane/metric-adapter:pr-478-9e35fca
craned:pr-478-9e35fca	docker pull ghcr.io/gocrane/crane/craned:pr-478-9e35fca

Quick Deploy - Helm

helm repo add crane https://finops-helm.pkg.coding.net/gocrane/gocrane
helm install crane -n crane-system --create-namespace \
                   --set craned.image.repository=ghcr.io/gocrane/crane/craned \
                   --set craned.image.tag=pr-478-9e35fca \
                   --set metricAdapter.image.repository=ghcr.io/gocrane/crane/metric-adapter \
                   --set metricAdapter.image.tag=pr-478-9e35fca \
                   --set craneAgent.image.repository=ghcr.io/gocrane/crane/crane-agent \
                   --set craneAgent.image.tag=pr-478-9e35fca \
                   --set cranedDashboard.image.repository=ghcr.io/gocrane/crane/dashboard \
                   --set cranedDashboard.image.tag=pr-478-9e35fca crane/crane