Reduce height of Brand and Script Link components

[OlgaLyubin]

Resolves #2555

Overall change:
Changed the height of Script Link component for breakpoints above 600px and the height of Brand Component for all breakpoints.

Code changes:

• Changed styling for Script Link and Brand Component
• Updated snapshots

---

• I have assigned myself to this PR and the corresponding issues
• Automated jest tests added (for new features) or updated (for existing features)
• This PR requires manual testing

[DenisHdz]

The Brand doesn't look to be vertically centered inside the Banner. Is that expected?

[OlgaLyubin]

@DenisHdz
Originally the Brand was implemented in such a way that it is centred, but top and bottom paddings work in such a way that bottom padding is 4px smaller than the top padding, however it's compensated with the height of the piece of red banner underneath. I guess this is because if you hover over the Brand, that little piece of red banner becomes white to signify a link. So in terms of pixels, the Brand is centred within the Banner. Here is a screenshot of Storybook from latest :

I just followed the same logic in my PR.

[DenisHdz]

LGTM 👍

[sareh]

👍 Looks good. We should also get this UX reviewed prior to merging.

[OlgaLyubin]

This PR has already been reviewed and approved by UX

[PriyaKR]

Looks good to me.