feat: use ordinal thumbnails (ENG-2296)

[victorkirov]

🔘 PR Type

What kind of change does this PR introduce?

• Enhancement

📜 Background

Currently, we don't display HTML ordinals due to security risks, and SVG recursive ordinals don't work in the extension.

We want to display a thumbnail jpg preview of such ordinals.

Issue Link: ENG-2296

🔄 Changes

• HTML and recursive SVG ordinals are displayed as a thumbnail in the form of a JPG created by the new ordinal viewer service.
• Some styling was fixed in the ordinal gallery within the popup and the gallery view, so BRC-20 token images are now centered regardless of where you are viewing them, and images scale while keeping their aspect ratio of 1:1
• Fixed styling of HTML ordinals
• Changed external ordinal view link to point to our ordinal viewer page instead of ord.io

🖼 Screenshot / 📹 Video

A before shot for reference:

This is the button on ordinals that takes you to the new ordinal viewer:

✅ Review checklist

Please ensure the following are true before merging:

• Code Style is consistent with the project guidelines.
• Code is readable and well-commented.
• No unnecessary or debugging code has been added.
• Security considerations have been taken into account.
• The change has been manually tested and works as expected.
• Breaking changes and their impacts have been considered and documented.
• Code does not introduce new technical debt or issues.

[linear]

ENG-2296 Display the preview of a recursive ordinal

1. /This is the preview URL for recursive ordinals on ordinals.com: https://ordinals.com/preview/61fcea08830580206771ddd5d012521b9b2b35ef0741d3c6d0a966598f923169i0

   it actually just has some javascript that loads content and renders it

2. looks like it loads the full thing: https://ordinals.com/preview/d0460b1203e7f2496ba8ea9d532ed93b7e2b004cfdae808c841effe4ebe39ca4i0?&Recursion&APE&https://twitter.com/FML0072&5fc30fa66699e9938bdd4c14f3d7a0724247ece435fcba4af4618d22c2860d99i0&iframe

3. I was thinking if we can run some sort of script that takes a screenshot of the iframe and then caches it on the server side and the wallet can call it for the preview image without security issues

[victorkirov]

A side note: The ordinal thumbnail service extracts thumbnails in 450x450px resolution. If the HTML being rendered is a fixed size or it doesn't scale nicely, you often end up with a white border :/

[DuskaT021]

@yknl as soon as this tx gets confirmed we can merge (send the recursive ordinal)
https://mempool.space/tx/d6aa1f935aa750f1356d935270ebe5056bc40d36f8d98eaf47fec05757ce12a8