Simplify print style for links with URL text

[chosak]

Currently the site print style marks up links with their URL, for example, given a link with text "Example" that points to example.com, the link will render like

Example (example.com)

This is overly verbose in cases where the link text is actually the same as the URL, in which case you get duplication, like

example.com/foo (https://example.com/foo)

This commit attempts to modify this markup logic to avoid this duplication, while keeping existing behavior for all other links.

This is implemented by adding a new class on the backend to links with URL link text, and having our frontend CSS hide the URL markup if that class exists. It isn't possible to implement this logic in CSS alone.

The backend logic attempts to be smart; for example, a link to https://www.consumerfinance.gov/foo that has link text of "consumerfinance.gov/foo" will still get the simplified styling.

See internal DeCo#641 for context.

Notes and todos

@anselmbradford I'm opening this as a draft as it needs some frontend love and content review. Please feel free to modify the class that gets applied, and also please audit this on the pages you're tracking with this issue to ensure it only applies where desired.

[chosak]

Unrelated to this PR, but is there a bug on

consumerfinance.gov/cfgov/unprocessed/css/print.scss

Line 33 in 443379f

a.o-header__logo-img::after,

Note that the print view of pages does include (cfpb.gov) and (cfpb.gov/es) on the header logo:

The template code (1, 2) uses o-header__logo for the <a>, not o-header__logo-img.