fix(fn): update Notifications to latest design [ci visual]

[InnaAtanasova]

Related Issue

Part of #3166

Description

• update Notifications to latest design
• breaking change: use icon instead of object status in the semantic container, use nested button instead of layout button for close

Before:

<div class="fn-notification__semantic-container">
    <div class="fn-object-status fn-object-status--positive">
      <span class="sap-icon sap-icon--status-positive"></span>
    </div>
    <span class="fn-notification__semantic-title">Positive</span>
</div>

<button class="fn-button fn-button--layout fn-button--icon-only" aria-label="More">
      <span class="sap-icon sap-icon--decline"></span>
</button>

After:

<div class="fn-notification__semantic-container">
    <span class="sap-icon sap-icon--status-positive"></span>
    <span class="fn-notification__semantic-title">Positive</span>
</div>

<button class="fn-nested-button" aria-label="nested button">
    <span class="sap-icon sap-icon--decline"></span>
</button>

Screenshots

Before:

After:

[netlify]

✔️ Deploy Preview for fundamental-styles ready!

🔨 Explore the source changes: bb07b48

🔍 Inspect the deploy log: https://app.netlify.com/sites/fundamental-styles/deploys/620c34c6ccc5bd0007eb4d18

😎 Browse the preview: https://deploy-preview-3194--fundamental-styles.netlify.app