fix(styles): update Action Sheet [ci visual]

[InnaAtanasova]

Related Issue

Part of #5763

Description

• design updates for Action Sheet
• no a11y updates needed

BREAKING CHANGES:
Action Sheet Title is now in a Bar component.

Before:

<div class="fd-action-sheet__wrapper fd-action-sheet__wrapper--active" id="actionSheetPhone">
    <h6 class="fd-action-sheet__title">Press cancel to hide action sheet</h6>
    <ul class="fd-action-sheet fd-action-sheet--mobile">...</ul>
</div>

After:

<div class="fd-action-sheet__wrapper fd-action-sheet__wrapper--active" id="actionSheetPhone">
    <div class="fd-bar fd-action-sheet__bar" role="toolbar" aria-label="Bar">
        <div class="fd-bar__left">
            <div class="fd-bar__element">
                <h6 class="fd-action-sheet__title">Control Title</h6>
            </div>
         </div>
    </div>
    <ul class="fd-action-sheet fd-action-sheet--mobile">...</ul>
</div>

[netlify]

✅ Deploy Preview for fundamental-styles ready!

Name	Link
🔨 Latest commit	b9f693f
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-styles/deploys/67fd6a988d8f370008b6d65e
😎 Deploy Preview	https://deploy-preview-6028--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.