feat(packages/sui-svg): refactor accessibility injection in AtomIcon component

Author: Nacho Torrella

packages/sui-svg/templates/icon-component.js

@@ -2,16 +2,16 @@ const template = content => {
   return `import {memo} from 'react'
 import AtomIcon from '@s-ui/react-atom-icon'
 
-const MemoAtomIcon = memo(({id, title, ...props}) => {
-  const injectAccessibility = ({id, svg, title}) => {
-    if (!title || !id) return svg.replace(/<svg([^>]*)>/, '<svg$1 aria-hidden="true">')
+const injectAccessibility = ({id, svg, title}) => {
+  if (!title || !id) return svg.replace(/<svg([^>]*)>/, '<svg$1 aria-hidden="true">')
 
-    return svg.replace(
-      /<svg([^>]*)>/,
-      \`<svg$1 role="img" aria-labelledby="\${id}"><title id="\${id}">\${title}</title>\`
-    )
-  }
+  return svg.replace(
+    /<svg([^>]*)>/,
+    \`<svg$1 role="img" aria-labelledby="\${id}"><title id="\${id}">\${title}</title>\`
+  )
+}
 
+const MemoAtomIcon = memo(({id, title, ...props}) => {
   const safeContent = injectAccessibility({id, svg: \`${content}\`, title})
 
   return (