Token metadata popover / renderer

[dblodorn]

Would be nice for viewer to see the actual token metadata. Ie. An info button in the thumbnail that triggers a modal rendering the json (raw) metadata object.

{
    "name": "ꫝꫀꪶꪶꪮ ᭙ꪊ᥅ꪶᦔ",
    "description": "(¯`◕‿◕´¯) Wҽʅƈσɱҽ ƚσ DMBK SƈɾαρႦσσƙ! (¯`◕‿◕´¯)",
    "external_url": "https://scrap.energy",
    "mimeType": "text/markdown",
    "image": "ipfs://QmRgGNEBhasTFPgyTYn56Kmi7joGSD2yeXTkfRQWSckAFF",
    "animation_url": "ipfs://QmPEjF1FZcqoEgc2ZVGm7m4gRQdpxthHDA7tdW9ySiy8ri",
    "creator": "Dain Myrick Blodorn Kim",
    "theme": {
      "colors": {
        "background": "#f1f1ee",
        "text": "#1e00ff",
        "primary": "#fff700",
        "secondary": "#009454"
      },
      "fonts": {
        "heading": "https://db13.mypinata.cloud/ipfs/QmUGSRagGQzCDX2hcKwoGNEr7gTBMz3Nm7UkVZKDPRPQQ2/Xanh_Mono/XanhMono-Italic.ttf",
        "body": "https://db13.mypinata.cloud/ipfs/QmUGSRagGQzCDX2hcKwoGNEr7gTBMz3Nm7UkVZKDPRPQQ2/Xanh_Mono/XanhMono-Regular.ttf",
        "caption": "https://db13.mypinata.cloud/ipfs/QmUGSRagGQzCDX2hcKwoGNEr7gTBMz3Nm7UkVZKDPRPQQ2/Roboto_Mono/RobotoMono-VariableFont_wght.ttf"
      },
      "font_sizes": {
        "heading": "108.25px",
        "body": "18.875px",
        "caption": "14.125px"
      },
      "modifiers": {
        "border_radius": "100px",
        "shadow_spread": "0px",
        "shadow_opacity": "0.96",
        "shadow_color": "8,8,8"
      }
    }

¯`◕‿◕´¯
   ¯`◕‿◕´¯
           ¯`◕‿◕´¯
  ¯`◕‿◕´¯
      ¯`◕‿◕´¯

As use cases for tokens evolve there should be a shared notion that beyond the conventional metadata standards accepted by dominant platforms in order to render token media in a uniform manner we can, and should, associate any additional metadata we want. This is already happening but common ui's don't expose this literature in an accessible fashion.