feat(header): pride rainbow theme for InferenceX wordmark (#416)

Celebrate June Pride Month by painting the "InferenceX" wordmark in the
header with a 6-stripe rainbow flag gradient (clipped to text). Renders
legibly in both light and dark/minecraft modes since it uses fixed flag
colors independent of the theme tokens.

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: cquil11

packages/app/src/app/globals.css

@@ -40,6 +40,24 @@
   content: none;
 }
 
+/* Pride theme for the InferenceX wordmark — celebrating June Pride Month.
+   Paints the brand text with the 6-stripe rainbow flag via a clipped gradient. */
+.pride-wordmark {
+  background-image: linear-gradient(
+    90deg,
+    #e40303 0%,
+    #ff8c00 20%,
+    #ffed00 40%,
+    #008026 60%,
+    #004dff 80%,
+    #750787 100%
+  );
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+}
+
 /* Shiki dual-theme: light by default, dark when .dark class is active */
 .shiki,
 .shiki span {

packages/app/src/components/header/header.tsx

@@ -103,7 +103,7 @@ export const Header = ({ starCount }: { starCount?: number | null }) => {
         <div className="flex h-14 items-center gap-6">
           {/* Brand */}
           <Link href="/" className="flex items-center gap-2 shrink-0">
-            <span className="text-lg font-bold tracking-tight">InferenceX</span>
+            <span className="pride-wordmark text-lg font-bold tracking-tight">InferenceX</span>
             <span className="hidden sm:flex items-center gap-1.5 text-xs text-muted-foreground">
               by
               <Image