feat(quantic): make quantic notifications component dismissible

[SimonMilord]

SFINT-5767

IN THIS PR:

• Fixed a styling issue we had with the notifications where the width would look weird.
• Made the quantic notifications component dismissible, thus following best practices by Salesforce and offering a better user experience.

More about the solution:

The QuanticNotifications component was rendering the notifications based on the notifications array it was getting from the notify trigger state from headless. We are therefore adding a button to close the notification in the template, which will call the handleNotificationClose handler function.

This function gets the id of the notification we want to close and filter it out of the array of notifications received from the state, leaving the other notifications.

Then, the code will call the updateState() method with the newly filtered out notifications, causing a re-render of the component.

DEMO STYLING:

Before:

After:

DEMO FUNCTIONALITY:

Screen.Recording.2024-11-27.at.5.16.42.PM.mov

TESTS:

// TODO

[github-actions]

Pull Request Report

PR Title

❌ Title should follow the conventional commit spec:
<type>(optional scope): <description>

Example: feat(headless): add result-list controller

Live demo links

• Storybook

• Playwright report

Bundle Size

File	Old (kb)	New (kb)	Change (%)
case-assist	242.6	242.6	0
commerce	347.3	347.3	0
search	413.8	413.8	0
insight	404.9	404.9	0
recommendation	254.9	254.9	0
ssr	407.3	407.3	0
ssr-commerce	362.3	362.3	0

SSR Progress

Use case	SSR (#)	CSR (#)	Progress (%)
search	39	44	89
recommendation	0	4	0
case-assist	0	6	0
insight	0	27	0
commerce	0	15	0

Detailed logs

search : buildInteractiveResult
search : buildInteractiveInstantResult
search : buildInteractiveRecentResult
search : buildInteractiveCitation
search : buildGeneratedAnswer
recommendation : missing SSR support
case-assist : missing SSR support
insight : missing SSR support
commerce : missing SSR support