[ARGG-927][BpkBreakpoint] Update breakpoint to remove hydration mismatch error

[anambl]

Fix hydration mismatch error in BpkBreakpoint component. This change makes the BpkBreakpoint server-side snapshot match the snapshot initially rendered on the client.

Remember to include the following changes:

• Ensure the PR title includes the name of the component you are changing so it's clear in the release notes for consumers of the changes in the version e.g [KOA-123][BpkButton] Updating the colour
• README.md (If you have created a new component)
• Component README.md
• Tests
• Storybook examples created/updated
• For breaking changes or deprecating components/properties, migration guides added to the description of the PR. If the guide has large changes, consider creating a new Markdown page inside the component's docs folder and link it here

[github-actions]

	Warnings
⚠️	Package source files (e.g. packages/package-name/src/Component.tsx) were updated, but type files weren't. Have you checked that no types have changed?

Browser support

If this is a visual change, make sure you've tested it in multiple browsers.

Generated by 🚫 dangerJS against bb3150b

[github-actions]

Visit https://backpack.github.io/storybook-prs/3169 to see this build running in a browser.

[metalix2]

never knew you could inline type imports 🤯

[metalix2]

Looks good!