(#1837) Changes "|" to "-" in Browser Titles

Closes #1837

Pull Request Details

Add description

Closes #

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.

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

[x] AxeDev Tools: there are no new or outstanding accessibility issues introduced in this PR.
[x] Lighthouse: scores have not noticeably decreased during this PR.
[x] 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.

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

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