Vue3 fix workload storage

[mantis-toboggan-md]

Summary

Fixes #11957
Fixes #12020

Occurred changes and/or fixed issues

This PR includes a few fixes for pod and container storage.

Technical notes summary

#11957 - corrected issue with codemirror not rendering
#12020 - fixed issue with slot content not rendering + issues with prop mutation in ContainerMountPaths

Areas or cases that should be tested

• view config of a workload with projected volume source
• edit config of a workload with projected volume source
• create/edit a workload with volumes and container volume mounts

You will need a deployment with a projected volume defined to test #11957

sample workload

apiVersion: apps/v1
kind: Deployment
metadata:
  name: test-multi-vol
  namespace: default
spec:
  progressDeadlineSeconds: 600
  replicas: 1
  revisionHistoryLimit: 10
  selector:
    matchLabels:
      workload.user.cattle.io/workloadselector: apps.deployment-default-test-multi-vol
  strategy:
    rollingUpdate:
      maxSurge: 25%
      maxUnavailable: 25%
    type: RollingUpdate
  template:
    metadata:
      creationTimestamp: null
      labels:
        workload.user.cattle.io/workloadselector: apps.deployment-default-test-multi-vol
      namespace: default
    spec:
      containers:
        - image: nginx
          imagePullPolicy: Always
          name: container-0
          resources: {}
          securityContext:
            allowPrivilegeEscalation: false
            privileged: false
            readOnlyRootFilesystem: false
            runAsNonRoot: false
          terminationMessagePath: /dev/termination-log
          terminationMessagePolicy: File
      dnsPolicy: ClusterFirst
      restartPolicy: Always
      schedulerName: default-scheduler
      securityContext: {}
      terminationGracePeriodSeconds: 30
      volumes:
        - name: projected-test
          projected:
            defaultMode: 420
            sources:
              - serviceAccountToken:
                  expirationSeconds: 9001
                  path: token
              - configMap:
                  items:
                    - key: key0
                      path: path0
                  name: confimap-name
        - name: projected-test-1
          projected:
            defaultMode: 420
            sources:
              - serviceAccountToken:
                  expirationSeconds: 9001
                  path: token
              - configMap:
                  items:
                    - key: key1
                      path: path1
                  name: confimap1-name

Screenshot/Video

Screen.Recording.2024-09-30.at.8.02.48.AM.mov

Checklist

• The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
• The PR has a Milestone
• The PR template has been filled out
• The PR has been self reviewed
• The PR has a reviewer assigned
• The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
• The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes

[mantis-toboggan-md]

This caused issues for me when running tests locally because it'd match any dropdown option containing the label provided, eg clickLabel('default') might select an option labeled cluster-fleet-default-c-9jtrc-35cc406cb29a

[codyrancher]

Was it only happening locally? if so, any idea why? I think I may have run into something similar.

[mantis-toboggan-md]

I've only seen it locally, I'm guessing when the test runs in ci there aren't other namespaces containing default available. There are probably other po methods that are using .contains without a regular expression and brittle in the same way though.

[mantis-toboggan-md]

Switching from get to find ensures we click the right tab when the page has multiple tab groups with the same tabs

[mantis-toboggan-md]

Tabs emit events when they're clicked, which is usually how codemirror refreshes are triggered in the dashboard. However; watching route.hash here saves us having to call refresh from 3 components up, where the tabs live in this case.

[codyrancher]

Verified basic functionality:

Thanks for adding all the additional testing automation.

[yonasberhe23]

aside from this dead code, everything lgtm from e2e test perspective