Fix twemojis display — radicle-explorer

Text in Markdown with emojis has been tried to be fetched from the /raw route as embeds. This commit changes the renderer method to compute the hex string for a unicode emoji to be able to use the /twemoji asset folder.

👉 Preview 👉 Workflow runs 👉 Branch on GitHub

     // pointing at the repos /raw endpoint.
     for (const i of container.querySelectorAll("img")) {
       const imagePath = i.getAttribute("src");
       const imageClass = i.getAttribute("class");
       // If the image is an oid embed
       if (imagePath && isCommit(imagePath)) {

       }
       // Make sure the source isn't a URL before trying to fetch it from the repo
       if (imagePath && !isUrl(imagePath) && !imagePath.startsWith("/twemoji")) {
       const emoji = imageClass && imageClass === "txt-emoji";
       if (imagePath && !isUrl(imagePath) && !emoji) {
         i.setAttribute("src", `${rawPath}/${canonicalize(imagePath, path)}`);
       }
     }

     max-width: 100%;
   }
   .markdown :global(img.txt-emoji) {
     height: 1rem;
   }
   .markdown :global(code) {
     font-family: var(--font-family-monospace);
     font-size: var(--font-size-small);

   katexMarkedExtension({ throwOnError: false }),
   markedLinkifyIt({}, { fuzzyLink: false }),
   markedFootnote({ refMarkers: true }),
   markedEmoji({ emojis }),
   markedEmoji({
     emojis,
     renderer: (token: { name: string; emoji: string }) => {
       const src = token.emoji.codePointAt(0)?.toString(16);
       return `<img alt="${token.name}" src="/twemoji/${src}.svg" class="txt-emoji">`;
     },
   }),
   ((): MarkedExtension => ({
     extensions: [anchorMarkedExtension],
   }))(),

     base: "/",
     folder: "twemoji",
     ext: ".svg",
     className: `txt-emoji`,
     className: "txt-emoji",
   });
 }