style: ensure legacy indicators align with Vue indicators

[ozyx]

Closes #7457

Describe your changes:

Adds width='100%' and height='100%' to main legacy indicator elements before wrapping them in a Vue component so they fill the entire wrapper space and display correctly.

All Submissions:

• Have you followed the guidelines in our Contributing document?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?
• Is this change backwards compatible? For example, developers won't need to change how they are calling the API or how they've extended core plugins such as Tables or Plots.

Author Checklist

• Changes address original issue?
• Tests included and/or updated with changes?
• Has this been smoke tested?
• Have you associated this PR with a type: label? Note: this is not necessarily the same as the original issue.
• Have you associated a milestone with this PR? Note: leave blank if unsure.
• Is this a breaking change to be called out in the release notes?
• Testing instructions included in associated issue OR is this a dependency/testcase change?

Reviewer Checklist

• Changes appear to address issue?
• Reviewer has tested changes by following the provided instructions?
• Changes appear not to be breaking changes?
• Appropriate automated tests included?
• Code style and in-line documentation are appropriate?

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (4fbccd4) 55.36% compared to head (cb75942) 55.51%.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #7458      +/-   ##
==========================================
+ Coverage   55.36%   55.51%   +0.15%     
==========================================
  Files         671      671              
  Lines       27010    27010              
  Branches     2631     2631              
==========================================
+ Hits        14954    14995      +41     
+ Misses      11333    11292      -41     
  Partials      723      723              

Flag	Coverage Δ
e2e-full	48.91% <ø> (+7.78%)	⬆️
e2e-stable	59.38% <100.00%> (+0.17%)	⬆️
unit	48.44% <100.00%> (ø)

Files	Coverage Δ
src/utils/vueWrapHtmlElement.js	100.00% <100.00%> (ø)

... and 9 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4fbccd4...cb75942. Read the comment docs.

[charlesh88]

Per discussion, it'd be better to apply the CSS class u-contents (which is just display: contents) to the Vue wrapper when it's holding a legacy component. This will remove the Vue element wrapper as a considered element in the browser's rendering flow.

[charlesh88]

LGTM! Nice.

[scottbell]

Looks nice!