feat(core): shellbar improvements

[N1XUS]

Related Issue(s)

closes #7966

Description

• Applied new styling of the shellbar;
• added ability to indirectly use platform search inside core shellbar;
• added additional styling for the search field inside shellbar;
• added ability to automatically detect fitting size of the shellbar if none was provided;
• added ability to move the search field inside shellbar between root of the shellbar and shellbar actions;
• added missing translations for shellbar;
• changed some content children to use lightweight tokens instead of component reference;

Screenshots

Before:

After:

Please check whether the PR fulfills the following requirements

During Implementation

1. Visual Testing:

• visual misalignments/updates
• check Light/Dark/HCB/HCW themes
• RTL/LTR - proper rendering and labeling
• responsiveness(resize)
• Content Density (Cozy/Compact/(Condensed))
• States - hover/disabled/focused/active/on click/selected/selected hover/press state
• Interaction/Animation - open/close, expand/collapse, add/remove, check/uncheck
• Mouse vs. Keyboard support
• Text Truncation

2. API and functional correctness

• check for console logs (warnings, errors)
• API boundary values
• different combinations of components - free style
• change the API values during testing

3. Documentation and Example validations

• missing API documentation or it is not understandable
• poor examples
• Stackblitz works for all examples

4. Accessibility testing
5. Browser Testing - Edge, Safari, Chrome, Firefox

PR Quality

• the commit message(s) follows the guideline:
  https://github.com/SAP/fundamental-ngx/blob/main/CONTRIBUTING.md
• tests for the changes that have been done
• all items on the PR Review Checklist are addressed :
  https://github.com/SAP/fundamental-ngx/wiki/PR-Review-Checklist
• Run npm run build-pack-library and test in external application
• update README.md
• Breaking Changes Wiki

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	0f29028
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/63d37d217f408c0009ef3ac1
😎 Deploy Preview	https://deploy-preview-9287--fundamental-ngx.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 settings.

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	ca18903
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/63d37f3d51487200086fb61c
😎 Deploy Preview	https://deploy-preview-9287--fundamental-ngx.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 settings.

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	5d8cbe5
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/63da69facb1ff900092c9367
😎 Deploy Preview	https://deploy-preview-9287--fundamental-ngx.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 settings.

[github-actions]

Visit the preview URL for this PR (updated for commit 5d8cbe5):

https://fundamental-ngx-gh--pr9287-feat-shellbar-enhanc-8zp7qmsw.web.app

_{(expires Sat, 04 Feb 2023 13:42:15 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff}

[platon-rov]

Looks cool!

Changes should be marked as breaking in the commit message.

[N1XUS]

@platon-rov thank you! Your comments are being addressed, please take a look.