React transition: common link styling

[drew-usds]

Describe the bug Links are showing in a few different ways, would be helpful to have a common class applied to each and have some different options for external links as well.

Impact Please describe the impact this bug is causing to your program or organization.

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

• [ ] all body copy links should get className="usa-link"
• [ ] Nav links (header, footer, sidebar) should not get className="usa-link"
• [ ] External links should also get target="_blank" rel="noopener"

Screenshots If applicable, add screenshots to help explain your problem.

Logs If applicable, please attach logs to help describe your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[drew-usds]

Tagging you on this one @TomNUSDS since you flagged this in the QA meeting!

[TomNUSDS]

USWDS has <Link> component used in a few places. There's also an attribute on the component variant="external" that appends an open-in-new-window icon. However, it does not add target="_blank" rel="noopener".

There is a Custom Link USWDS component that might work. See discussion around customizing links

@drew-usds Should our custom external links have the graphics?

[HeatherRienks]

Closing for now. Old issue. @chris-kuryak to link to table component tix