fix: avoid create element dynamically

[Kikobeats]

so styled-components is showing this warning:

styled-components.browser.esm.js:1347 The component styled.a with the id of "sc-pRtAn" has been created dynamically.
You may see this warning because you've called styled inside another component.
To resolve this only create new StyledComponents outside of any render method and function component

and it's correct, we were creating the element dynamically, so I refactor it to take the advantages of as prop tag 🙂