(#1615) Outline Utility Page

Pull Request Details

Closes #1615

Items that the author of the PR is responsible for checking before submitted the PR.

[x] I have reviewed the acceptance criteria defined in the ticket and ensured the work has been completed.
[x] The commit message passes all quality commit message standards.
[x] Unit tests have been updated or created to reflect any javascript changes.
[x] Storybook scenarios have been updated or created to reflect any html/css/js changes.

Items the product team is responsible for reviewing.

[ ] There are no unexpected or unapproved regression image changes. 
[ ] Functionality of interactive elements meet the acceptance criteria.
[ ] The product is visually and functionally the same across the different browsers.

[ ] AxeDev Tools: there are no new or outstanding accessibility issues introduced in this PR.
[ ] Lighthouse: scores have not noticeably decreased during this PR.
[ ] Wave: there are no new errors or contrast errors introduced in this PR.

Items the design team is responsible for reviewing.  

Items the development team is responsible for reviewing.

[ ] New code passes code quality standards set by industry standards.
[ ] The expected Storybook stories have been added or updated for the new or updated feature.
[ ] The expected unit tests have been added or updated for the new or updated feature.

[ ] VoiceOver: Described content matches with what was expected.
[ ] Keyboard navigation: new or updated features and content are navigable via the keyboard.