MNTOR-5162 - Fix Monitor logo breaking version on dashboard

[codemist]

References:

Jira: MNTOR-5162
Figma:

Description

QA and @Vinnl found that while the breakpoint fix works in the guided resolution flow, it breaks the dashboard’s white background. I split the Monitor logo into its own component so I could use usePathname to apply the white bg on the image only on the main dashboard (not the resolution flow). This is a workaround for the two different views (dashboard vs. guided resolution flow).

Screenshot (if applicable)

How to test

Checklist (Definition of Done)

• Localization strings (if needed) have been added.
• Commits in this PR are minimal and have descriptive commit messages.
• I've added or updated the relevant sections in readme and/or code comments
• I've added a unit test to test for potential regressions of this bug.
• If this PR implements a feature flag or experimentation, I've checked that it still works with the flag both on, and with the flag off.
• If this PR implements a feature flag or experimentation, the Ship Behind Feature Flag status in Jira has been set
• Product Owner accepted the User Story (demo of functionality completed) or waived the privilege.
• All acceptance criteria are met.
• Jira ticket has been updated (if needed) to match changes made during the development process.
• Jira ticket has been updated (if needed) with suggestions for QA when this PR is deployed to stage.

[codemist]

Since MonitorLogo relies on usePathname and isn’t rendered with a real router context in the Storybook environment by default, the pathname is mocked at the story level (for all stories in the fix flow).