chore(web): improve sponsor banner with hover card feature

apps/web/src/app/docs/layout.tsx

@@ -7,7 +7,7 @@ import { source } from "@/lib/source";
 const docsOptions: DocsLayoutProps = {
 	...baseOptions,
 	tree: source.pageTree,
-	links: [],
+	// links: [],
 	sidebar: {
 		banner: <SpecialSponsorBanner />,
 	},

apps/web/src/app/global.css

@@ -162,6 +162,8 @@
 }
 
 :root {
+	--color-fd-primary: #8839ef;
+	--color-fd-primary-foreground: #ffffff;
 	--background: oklch(1 0 0);
 	--foreground: oklch(0.44 0.04 279.33);
 	--card: oklch(1 0 0);
@@ -227,6 +229,8 @@
 }
 
 .dark {
+	--color-fd-primary: #cba6f7;
+	--color-fd-primary-foreground: #11111b;
 	--background: #11111b;
 	--foreground: #cdd6f4;
 	--card: #11111b;

apps/web/src/app/layout.config.tsx

@@ -20,7 +20,7 @@ export const links: LinkItemType[] = [
 	{
 		text: "Docs",
 		url: "/docs",
-		active: "nested-url" as const,
+		active: "nested-url",
 	},
 	{
 		text: "Builder",