fix(styles): update Shell Bar to latest design [ci visual]

[InnaAtanasova]

Related Issue

Closes #5673

Description

update Shell Bar to latest design

BREAKING CHANGES:

• updates in the markup
• Search field is in fd-shellbar__group--actions group
• fd-shellbar__title and fd-shellbar__subtitle elements are wrapped in fd-shellbar__product container

Before:

<span class="fd-shellbar__title">Corporate Portal</span>
<span class="fd-shellbar__subtitle">Solution name</span>

After:

<div class="fd-shellbar__product">
    <span class="fd-shellbar__title">Corporate Portal</span>
    <span class="fd-shellbar__subtitle">Solution name</span>
</div>

• The logo and the product (title+subtitle) are wrapped in a new container with class fd-shellbar__branding

[netlify]

✅ Deploy Preview for fundamental-styles ready!

Name	Link
🔨 Latest commit	2f60b8c
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-styles/deploys/66febab387243000089fc0cd
😎 Deploy Preview	https://deploy-preview-5675--fundamental-styles.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.