[PCC-1531] Redesigned smart components

[a11rew]

Overview

Adds media preview smart component as default for starter kits

[guardrails]

⚠️ We detected 9 security issues in this pull request:

Insecure Processing of Data (9)

Severity	Details	Docs
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter/components/smart-components/media-preview/providers.jsx Line 116 in bece82a dangerouslySetInnerHTML={{ __html: html }}	📚
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter/components/smart-components/media-preview/providers.jsx Line 139 in bece82a dangerouslySetInnerHTML={{ __html: data.html }}	📚
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter/components/smart-components/media-preview/providers.jsx Line 184 in bece82a dangerouslySetInnerHTML={{ __html: data.html }}	📚
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter-approuter-ts/components/smart-components/media-preview/providers.tsx Line 127 in bece82a dangerouslySetInnerHTML={{ __html: html }}	📚
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter-approuter-ts/components/smart-components/media-preview/providers.tsx Line 150 in bece82a dangerouslySetInnerHTML={{ __html: data.html }}	📚
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter-approuter-ts/components/smart-components/media-preview/providers.tsx Line 195 in bece82a dangerouslySetInnerHTML={{ __html: data.html }}	📚
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter-ts/components/smart-components/media-preview/providers.tsx Line 127 in bece82a dangerouslySetInnerHTML={{ __html: html }}	📚
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter-ts/components/smart-components/media-preview/providers.tsx Line 150 in bece82a dangerouslySetInnerHTML={{ __html: data.html }}	📚
Medium	Title: Unescaped user input in React dangerouslySetInnerHTML pantheon-content-cloud-sdk/starters/nextjs-starter-ts/components/smart-components/media-preview/providers.tsx Line 195 in bece82a dangerouslySetInnerHTML={{ __html: data.html }}	📚

More info on how to fix Insecure Processing of Data in JavaScript.

---

👉 Go to the dashboard for detailed results.

📥 Happy? Share your feedback with us.