Linkify H2-H6 anchors to make sharing URLs more useful

[h-m-f-t]

Issue description

When helping users, the program team often shares a URL directly to the page and content on the page (e.g., https://get.gov/domains/before/#steps-to-take-before-you-request-your-.gov-domain). We craft the URL manually by going to browser dev tools and grabbing the ID to append to the URL. Users who click the link land directly on the page and at the content we want them to see on the page.

To streamline this and make our content easier to direct-link to, let's make headers linkable.

Acceptance criteria

• headers' styling should change (on mouseover but without an icon).
  • As an example, see how GitHub docs behave
• Headers (2-6) should be linkified, allowing anyone to click a header and have their browser directed to that content
• Ensure special characters are stripped in this link
• The above should apply to current headers and future headers

Additional context

• Cameron doesn't have a strong preference on the styling question
• We should take care to follow any USWDS guidance on this, particularly around accessibility

Links to other issues

No response

[abroddrick]

@Katherine-Osos does design want to weigh in on AC #1 or is this intended to just be an engineering only determination?

[Katherine-Osos]

I think underlining the heading upon mouseover makes sense. But I don't think a link icon is necessary (as in the GitHub example) @gabydisarli Any opinion on how this should look?

[gabydisarli]

I think underlining the heading upon mouseover makes sense. But I don't think a link icon is necessary (as in the GitHub example) @gabydisarli Any opinion on how this should look?

Agreed! I love the underline on mouseover, but would pass on the always present icon

[vickyszuchin]

Per guidance, any "In review" tickets from sprint 45 will be moved over to Sprint 46 noon EST on Day 4 (5/28).