chore: final touches

[bigint]

What does this PR do?

🤖 Generated by Copilot at e0eaabb

This pull request updates the UI components and styles to use the new brand color palette with shades of pink. It adds a useBrandColor prop to the Slug component and uses it in the Mention component. It also overrides the buffer bar color of the video player to use white. The purpose of these changes is to improve the consistency, contrast, and accessibility of the UI and to align it with the new branding and design system.

Related issues

Fixes # (issue)

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Enhancement (non-breaking small changes to existing functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Explanation of the changes

🤖 Generated by Copilot at e0eaabb

• Add useBrandColor prop to Slug component to control text color (link, link)
• Update Sidebar and TabButton components to use new brand color palette (link, link)
• Override buffer bar color in video player with white (link)
• Define new brand color object with 10 shades of pink in tailwind-preset.ts (link)

Emoji

🎨🎬🏷️

[vercel]

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

Name	Status	Preview	Updated (UTC)
prerender	✅ Ready (Inspect)	Visit Preview	Sep 28, 2023 1:49pm
web	✅ Ready (Inspect)	Visit Preview	Sep 28, 2023 1:49pm

[harish-sethuraman]

LFGTM with 69 file changes