fix(scrollgradient, stringformatter, truncatedlist, webterminal): csp

[AlexanderMelox]

Closes #6191

This PR fixes CSP violations in the following components:

• ScrollGradient
• StringFormatter
• TruncatedList
• WebTerminal

What did you change?

Removed inline styles, and added them with useIsomorphicEffect

How did you test and verify your work?

Storybook

[netlify]

✅ Deploy Preview for carbon-for-ibm-products ready!

Name	Link
🔨 Latest commit	ebb9b66
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-for-ibm-products/deploys/67817395d7b3c80008df8275
😎 Deploy Preview	https://deploy-preview-6346--carbon-for-ibm-products.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.

[netlify]

✅ Deploy Preview for ibm-products-web-components ready!

Name	Link
🔨 Latest commit	ebb9b66
🔍 Latest deploy log	https://app.netlify.com/sites/ibm-products-web-components/deploys/67817395679dd90008df050d
😎 Deploy Preview	https://deploy-preview-6346--ibm-products-web-components.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.

[amal-k-joy]

Looking good

ci checks failing

[codecov]

Codecov Report

Attention: Patch coverage is 87.17949% with 5 lines in your changes missing coverage. Please review.

Project coverage is 80.71%. Comparing base (90dc01c) to head (ebb9b66).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #6346      +/-   ##
==========================================
+ Coverage   80.67%   80.71%   +0.04%     
==========================================
  Files         397      397              
  Lines       12923    12952      +29     
  Branches     4286     4291       +5     
==========================================
+ Hits        10425    10454      +29     
  Misses       2498     2498              

Components	Coverage Δ
ibm-products	∅ <ø> (∅)
ibm-products-web-components	∅ <ø> (∅)

[davidmenendez]

@AlexanderMelox still seeing some build failures. can you confirm if these are happening locally or just here? thanks.

[matthewgallo]

Just spotted some style differences with TruncatedList and WebTerminal.

TruncatedList appears to have lost a transition when you click view all, it also displays all items whereas in the current storybook only the first 9 items are visible. Same thing with WebTerminal, if you close the terminal and reopen, the animation is gone.

[davidmenendez]

Just spotted some style differences with TruncatedList and WebTerminal.

TruncatedList appears to have lost a transition when you click view all, it also displays all items whereas in the current storybook only the first 9 items are visible. Same thing with WebTerminal, if you close the terminal and reopen, the animation is gone.

i'm seeing the same thing