BEMBED-338: Performance improvements for beacon

[jakubjanczyk]

Problem/Feature

This PR contains any changes that are necessary to improve on performance/bundle size for Beacon. Full list TBD

Write to your heart's content, include:

• [ ] A link to the Figma design in your story (list regularly updated here)
• [ ] A link to the Story(ies) in the description
• [ ] Is there a Jira ticket associated?
• [ ] If useful, add screenshots or videos
• [ ] If useful (and unclear), add a little explanation of why a certain path was taken
• [ ] Instructions on how to test
• [ ] Found any restrictions/limitations? Let us know!

Guidelines

Make sure the pull request:

• [ ] Follows the established folder/file structure
• [ ] Adds unit tests
• [ ] If it is a refactor or change to an existing component, have you verified it won't break existing Cypress tests or have you updated them?
• [ ] Did you verify some accessibility (a11y) basics?
• [ ] Adds/updates stories. Guidelines
• [ ] Adds/updates documentation (ie proptypes) Guidelines
• [ ] Has it been tested in Help Scout's supported browsers?
• [ ] Requests review from designer of the feature
• [ ] Add label (bug? feature?)

[jakubjanczyk]

@Charca I am thinking if at this stage there is anything else we need to change in hsds-react? The only thing I thought about was to extract makeBrandColors to its own file, because we use it in critical path and the file that contains it adds around 3-5 kB of unused code (including lodash.get dependency). However, maybe at this point we are good enough with what we have and there is no point in complicating the code (and we will have this problem sorted out when hsds would be fully tree shakeable in the future :smile: :crossed_fingers:)

[Charca]

@jakubjanczyk yep this looks good to me, I'm not planning to make any other changes for now!

[jakubjanczyk]

@tinkertrain If I could please get your eyes on this one before I make a final release :)