As a user who uses a screen reader, I want to know which page I am on.

[shubhi-raft]

Description:
Currently, the authenticated page for a new user has the same page title as the pre-login landing page. Each page should have unique and descriptive site title for screen reader. This issue will deliver updating h1 content prepended to the site name - “Request Access | TDP - TANF Data Portal ” for the authenticated new user profile page.

Acceptance Criteria:

• Each pages site title starts with the h1 content of the page

Tasks:
Create a list of granular, specific work items that must be completed to deliver the desired outcomes of this issue

• See if using useEffect will work for updating page titles
• If it will not work then bring in react-helmet package
• Ensure edit profile page title is Request Access - TDP - TANF Data Portal
• Run Testing Checklist and confirm all tests pass

Supporting Documentation:

• https://reactjs.org/docs/hooks-effect.html
• https://www.npmjs.com/package/react-helmet

Note:

• May be brought onto Sprint 6 if other frontend isssues have been completed.

[cmajel]

adding note from sprint planning's zoom chat from @rahearn

On my way out, I'll let you know that I just tested a change that used "useEffect" to update the page title. It definitely works

[lfrohlich]

This was merged in PR #94 in Sprint 9 on 12/7/20