fix: added support for custom fonts in ensemble studio

[sagardspeed2]

Describe your changes

Added support for custom fonts in ensemble studio

Screenshots [Optional]

1. uploaded font
   

2. added classname (topHeader) in screen
   

3. added style (fontFamily in topHeader class) to class in theme
   

4. output
   

Issue ticket number and link

Closes #762

Checklist before requesting a review

• I have performed a self-review of my code
• I have added tests
• I have added a changeset pnpm changeset add
• I have added example usage in the kitchen sink app

[changeset-bot]

🦋 Changeset detected

Latest commit: aa866a4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@ensembleui/react-framework	Patch
@ensembleui/react-kitchen-sink	Patch
@ensembleui/react-preview	Patch
@ensembleui/react-starter	Patch

Not sure what this means? Click here to learn what changesets are.

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

[github-actions]

Visit the preview URL for this PR (updated for commit aa866a4):

https://react-kitchen-sink-dev--pr803-762-support-custom-f-cfsxmazw.web.app

_{(expires Mon, 07 Oct 2024 05:08:02 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 6267897ade2ba783b6db70a53a60fc3946d625e9}

[sagardspeed2]

@evshi this PR is still not ready for review, I am still working on it

[amin-nas]

@sagardspeed2 @evshi please see latest EDL example here:
EnsembleUI/ensemble#1576

[evshi]

@sagardspeed2 is this ready to be merged?

[sagardspeed2]

@sagardspeed2 is this ready to be merged?

@evshi we need to run this in production first to clear the cors issue
gsutil cors set cors.json <bucket_name>

and I don't have the production firebase access

[evshi]

@sagardspeed2 why do we need to run that command? @justEhmadSaeed is this something you can help with?

[sagardspeed2]

@evshi we are trying to fetch the font files from the firebase and there is cors added for the origin. so when I tested it was giving cors error while fetching the font files from the firebase. so I used this command for dev firebase storage, and it works.

[justEhmadSaeed]

@sagardspeed2 i don't understand why you need to set cors for fonts when it's already being fetched by the prod app. if you want to fetch the prod data on the local, then it's disabled intentionally.