fix: og-image bug fix for local assets

[JayaKrishnaNamburu]

Description

Currently when a project is exported using cli and the built using any inbuilt templates. The og:image fails with local assets. As the cli is not prefixing the assetBaseUrl to the image name. Which is failing to load.

Bug

Deployed Url - https://og-image-bug.netlify.app/
Open GH - https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fog-image-bug.netlify.app%2F

Fixed version

Deployed url - https://og-image-fix.netlify.app/
Open GH - https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fog-image-fix.netlify.app%2F

I am passing the assetBaseUrl to ProjectSettingsMeta inside the react-sdk. And using it as prefix if defined.

Steps for reproduction

• Create a project and add a page to it.
• Upload and use an image for the SocialImage section under Page Settings.
• Deploy the site, and share it anywhere for the og:image to kick in when shared.

Code Review

• hi @kof, I need you to do
  • conceptual review (architecture, feature-correctness)
  • detailed review (read every line)
  • test it on preview

Before requesting a review

• made a self-review

Before merging

• tested locally and on preview environment (preview dev login: 0000)

[TrySound]

Great! Thanks!