fix: 🤔 safari anchor behaviour on footnotes

[paulovareiro29]

Current behavior

When implementing jump between footnotes a different behaviour was found on Safari.

When an anchor is clicked and the anchor destination is focused, safari also attributes the :focus-visible selector, which causes the footnote marker to be highlighted with the focus outline.

Expected behavior

Safari should behave the same as other browsers. When clicking on a reference, it should not add the focus outline on the destination footnote marker.

Steps to reproduce

1. Open footnotes template
2. Click on a marker on the footnotes
3. Marker on text should be highlighted. (On safari it is also outlined)

Technical Information

Research how to fix this issue is needed, since this is specific browser behaviour and, since footnotes is only CSS, we cannot control using javascript.

DoR

• Item has business value
• Item has been estimated by the team
• Item is clear and well-defined
• Item dependencies have been identified

DoD

• Documentation has been created/updated (if applicable)
• Migration Guide has been created/updated (if applicable)
• Relevant E2E tests (Features, A11y, Bug fixes) are created/updated
• Relevant stories (Features, A11y) are created/updated
• Implementation works successfully on feature branch