fix: Failing test: APM Cypress.x-pack/solutions/observability/plugins/apm/ftr_e2e/cypress/e2e/dependencies/dependencies·cy·ts - Dependencies dependency overview page has no detectable a11y violations on load has no detectable a11y violations on load (elastic#240832)

Closes: elastic#240813

## Summary

I’m not exactly sure why, but sometimes `Cypress` renders an empty table
and other times it displays data. When the table contained data, we
encountered some accessibility (a11y) violations, which I’ve now fixed
in the relevant `AgentIcon` component.

Tested locally 10 times

Author: alexwizp

src/platform/packages/shared/kbn-apm-ui-shared/src/components/span_icon/index.tsx

@@ -20,16 +20,6 @@ interface Props extends Omit<EuiIconProps, 'type'> {
 
 export function SpanIcon({ type, subtype, size = 'l', ...props }: Props) {
   const icon = getSpanIcon(type, subtype);
-  const isPresentationRole =
-    ['none', 'presentation'].includes(props.role ?? '') ||
-    ['true', true].includes(props['aria-hidden'] ?? '');
 
-  return (
-    <EuiIcon
-      type={icon}
-      size={size}
-      title={!isPresentationRole ? type || subtype : undefined}
-      {...props}
-    />
-  );
+  return <EuiIcon type={icon} size={size} title={type || subtype} {...props} />;
 }

src/platform/packages/shared/kbn-custom-icons/src/components/agent_icon/index.tsx

@@ -21,7 +21,7 @@ export function AgentIcon({ agentName, size = 'l', ...props }: AgentIconProps) {
   const theme = useEuiTheme();
   const icon = getAgentIcon(agentName, theme.colorMode === 'DARK');
 
-  return <EuiIcon type={icon} size={size} title={agentName} {...props} aria-label={agentName} />;
+  return <EuiIcon type={icon} size={size} title={agentName} {...props} />;
 }
 
 // eslint-disable-next-line import/no-default-export