[ECO-2530] Fix emojis not showing up on most devices; add jest setup for frontend

[xbtmatt]

Description

This means all smart-contract supported emojis will show up on the website for everyone now!

The client will deliver a fairly large font package now, but it's worth it for non-Apple devices. Apple devices get special treatment because the Apple emoji font is gorgeous and obviously lightweight for those users.

• Add noto color emoji font for non apple users by checking user agent headers in the layout.tsx file
• Remove the em-emoji element since it's somewhat heavy and needlessly increases the overall DOM size since we use so many emojis everywhere
• Now we just use noto-color-emoji but it falls back to the others if they exist
• Add jest setup for the frontend. Yay finally!
• Fix the emoji loading circle not showing them (likely a css issue)
• Fix the sizing of different emojis (like in wallet adapter lightning bolt connected emojis)
• Change all emoji picker emojis to match the noto emojis
• Use noto emojis in the noto picker textbox
• Ensure the rocket emoji on market metadata looks correct
• Remove console.logs from output

Testing

- [ ] Ensure users don't download the font if they're on an iOS/Mac device

This is actually possible if we don't force a preload by including it in an element in the top layout.tsx, but it causes flashing on non-Apple devices, so it's better to include it and have NextJS preload the font.

• Ensure the font is used if the user has it (Windows, Linux, various browsers, etc)
• Make sure nothing else breaks

Checklist

• Did you update relevant documentation?
• Did you add tests to cover new code or a fixed issue?
• Did you update the changelog?
• Did you check all checkboxes from the linked Linear task?

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
emojicoin-dot-fun	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 23, 2025 5:22am
emojicoin-dot-fun-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 23, 2025 5:22am

[MoonShiesty]

because the Apple emoji font is gorgeous and obviously lightweight for those users

i think its worth weighting whether its better to have a single canonical emoji image, that matches the FA uri, vs reducing the package size on devices with good native emoji fonts

noto-color-emoji

i dont like the noto font, twitter's is far better

noto doesn't have emojis for many code points, ive noticed missing skin tones, flags etc

the noto US flag emoji looks like dogshit, as do many others. twemoji-15.0.3 font is open-source and much better

https://emojipedia.org/twitter/twemoji-15.0.3