Add comprehensive meta tags and Open Graph support across all routes

[Copilot]

All routes now have proper meta tags for SEO and social media sharing. Previously, meta tags were incomplete, inconsistently applied, or missing entirely.

Changes

• Base HTML: Added complete Open Graph and Twitter Card meta tags with site-wide defaults
• Route-level meta tags: Implemented using TanStack Router's head function for all 10 routes:
  • Static routes: /, /about, /downloads, /settings, /session, /wrapped, /history/explore
  • Dynamic routes: /session/$uuid, /wrapped/$uuid (with username resolution from query cache)
• Cleanup: Removed inline meta tags from JSX components

Each route now includes:

• Page-specific title and description
• Open Graph tags (og:type, og:url, og:title, og:description, og:image, og:site_name)
• Twitter Card tags
• Canonical URL

Example implementation:

export const Route = createFileRoute("/session/$uuid")({
    head: ({ params: { uuid: rawUUID } }) => {
        const uuid = normalizeUUID(rawUUID);
        const usernameData = queryClient.getQueryData(
            getUsernameQueryOptions(uuid).queryKey,
        );
        const username = usernameData?.username ?? uuid;
        
        return {
            meta: [
                { title: `${username}'s Session Stats - Prism Overlay` },
                { property: "og:title", content: `${username}'s Session Stats` },
                // ... additional og and twitter tags
            ],
            links: [{ rel: "canonical", href: `https://prismoverlay.com/session/${uuid}` }]
        };
    },
});

Dynamic routes fetch username from React Query cache when available, falling back to UUID for personalized meta tags.

Original prompt

Ensure all routes have proper meta tags. Then add open graph tags to all pages following best practices

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[cloudflare-workers-and-pages]

Deploying rainbow with    Cloudflare Pages

Latest commit:	789ee98
Status:	✅  Deploy successful!
Preview URL:	https://5c688ed4.rainbow-ctx.pages.dev
Branch Preview URL:	https://copilot-add-meta-tags-and-op.rainbow-ctx.pages.dev

View logs