add: png file thumbnails

[nicoecheza]

🤖 Generated by Copilot at 1aa5f08

This pull request enhances the AssetPreview component to support different asset types and improve the layout and performance. It adds CSS rules, subcomponents, and logic to render and capture gltf and png assets using the WearablePreview and canvas elements. It also modifies the AssetPreview.tsx and AssetPreview.css files.

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Pages

Latest commit:	e7e92ee
Status:	✅  Deploy successful!
Preview URL:	https://63fdb354.js-sdk-toolchain.pages.dev
Branch Preview URL:	https://add-png-thumbnails.js-sdk-toolchain.pages.dev

View logs

[github-actions]

Test this pull request

• The @dcl/sdk package can be tested in scenes by running

  npm install "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/add/png-thumbnails/dcl-sdk-7.3.28-6801899867.commit-8b6b961.tgz"

• To test with npx init

  export SDK_COMMANDS="https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/add/png-thumbnails/dcl-sdk-commands-7.3.28-6801899867.commit-8b6b961.tgz"
  npx $SDK_COMMANDS init

• The @dcl/inspector package can be tested by visiting this url

  • Or by installing it via NPM

  npm install "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/add/png-thumbnails/@dcl/inspector/dcl-inspector-7.3.28-6801899867.commit-8b6b961.tgz"

• The /changerealm command to test test in-world

  /changerealm https://sdk-team-cdn.decentraland.org/ipfs/add/png-thumbnails-e2e
  

• You can preview this build entering:
  https://playground.decentraland.org/?sdk-branch=add/png-thumbnails

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (c23394d) 70.55% compared to head (afff4af) 70.55%.

❗ Current head afff4af differs from pull request most recent head e7e92ee. Consider uploading reports for the commit e7e92ee to get more accurate results

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #812   +/-   ##
=======================================
  Coverage   70.55%   70.55%           
=======================================
  Files         399      399           
  Lines       13128    13128           
  Branches     1723     1723           
=======================================
  Hits         9262     9262           
  Misses       3652     3652           
  Partials      214      214           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.