fix(actions): drop wrapper span around the action status icon (#38957) (#38959)

Backport #38957

Co-authored-by: silverwind <me@silverwind.io>

web_src/js/components/ActionStatusIcon.vue

@@ -28,7 +28,5 @@ const iconClass = computed(() => {
 </script>
 
 <template>
-  <span class="flex-text-inline" :data-tooltip-content="localeStatus ?? status" v-if="status">
-    <SvgIcon :name="icon.name" :class="iconClass" :size="size"/>
-  </span>
+  <SvgIcon v-if="status" :name="icon.name" :class="iconClass" :size="size" :data-tooltip-content="localeStatus ?? status"/>
 </template>

web_src/js/modules/tippy.ts

@@ -133,6 +133,7 @@ function attachLazyTooltip(el: HTMLElement): void {
       let ariaLabelValue = content;
       if (isHtml) ariaLabelValue = stripTags(content).replace(/\s+/g, ' ').trim();
       el.setAttribute('aria-label', ariaLabelValue);
+      el.removeAttribute('aria-hidden');
     }
   }
 }