fix(quantic): babel async await plugin setup added to fix quantic issue with firefox

[mmitiche]

SFINT-5784

continuation of @erocheleau 's work: #4363

As @erocheleau added in his PR:

Salesforce LWS has a problem with static resources files using async/await on Firefox, before this PR the search interface indefinitely loads in Firefox when LWS is enabled.

This PR adds a script to use Babel to transform the headless.js files we use to transform async to promises.

Add babel to quantic
Use babel plugin @babel/plugin-transform-async-to-generator to transform built headless.js to transform async to promise.
Added this step prior to running the copy-static-resource in the nx build script.

• Made sure this is still working correctly with Quantic and Headless v3.
• Confirmed that the size of the Headless bundle after applying the babel async await plugin is not significantly bigger.
• Confirmed that the search interface loads properly in Firefox.

Before:

Screen.Recording.2024-11-05.at.3.45.35.PM.mov

After:

Screen.Recording.2024-11-05.at.3.49.03.PM.mov

Headless Size Before:

Headless Size After:

[github-actions]

Pull Request Report

PR Title

✅ Title follows the conventional commit spec.

Live demo links

• Storybook

• Playwright report

Bundle Size

File	Old (kb)	New (kb)	Change (%)
case-assist	236.7	236.7	0
commerce	341.3	341.3	0
search	412.5	412.5	0
insight	401.8	401.8	0
recommendation	249	249	0
ssr	406.2	406.2	0
ssr-commerce	353.6	353.6	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