Render meta-tags for SEO purposes

[VanishMax]

To make the DEX crawlable by search bots, we need to return the Metadata object from the Nextjs pages: https://nextjs.org/docs/app/building-your-application/optimizing/metadata

I'd say we need the following meta tags:

• Title
• Description – something like "Penumbra (UM) costs 1000 USDC today, 146% growth in the last 24 hours" for page '/trade/UM/USDC'
• Keywords
• Logos & favicons
• Opengraph tags
• Opengraph image to render the preview (might be converted to another issue to work it out with design)
• Twitter tags
• Structured data – some type, maybe FAQ, e.g. "How much does Penumbra cost?" – "1000 USD for today, 21 Nov 2024" https://developers.google.com/search/docs/appearance/structured-data/intro-structured-data