Refactor: Live Preview Data models code

[uttej-vsk]

Description

@samijaber This is the refactor code for react

Screenshot
If relevant, add a screenshot or two of the changes you made.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit f880117.

Command	Status	Duration	Result
nx test @e2e/nextjs-sdk-next-app	✅ Succeeded	7m 33s	View ↗
nx test @e2e/qwik-city	✅ Succeeded	7m 29s	View ↗
nx test @e2e/nuxt	✅ Succeeded	7m 4s	View ↗
nx test @e2e/angular-16	✅ Succeeded	6m 10s	View ↗
nx test @e2e/angular-16-ssr	✅ Succeeded	6m 13s	View ↗
nx test @e2e/hydrogen	✅ Succeeded	6m 8s	View ↗
nx test @e2e/react-sdk-next-15-app	✅ Succeeded	6m 7s	View ↗
nx test @e2e/angular-19-ssr	✅ Succeeded	5m 34s	View ↗
Additional runs (36)	✅ Succeeded	...	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-02-28 22:05:00 UTC

[changeset-bot]

⚠️ No Changeset found

Latest commit: b07bdcc

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR