website refactor

apps/website/components/profile/ProfileStatGrid.tsx

@@ -6,6 +6,7 @@ interface Stat {
   label: string;
   value: string | number;
   intent?: 'primary' | 'telemetry' | 'success' | 'critical';
+  color?: string;
 }
 
 interface ProfileStatGridProps {
@@ -17,6 +18,7 @@ export function ProfileStatGrid({ stats }: ProfileStatGridProps) {
     label: stat.label,
     value: stat.value,
     intent: stat.intent || 'primary',
+    color: stat.color,
     icon: Bug // Default icon if none provided, but StatBox requires one
   }));
 

apps/website/components/profile/UserPill.tsx

@@ -190,7 +190,8 @@ export function UserPill() {
 
   return (
     <Box position="relative" display="inline-flex" alignItems="center" data-user-pill>
-      <button
+      <Box
+        as="button"
         type="button"
         onClick={() => setIsMenuOpen((open) => !open)}
         style={{ 
@@ -237,7 +238,7 @@ export function UserPill() {
 
         {/* Chevron */}
         <Icon icon={ChevronDown} size={3.5} intent="low" />
-      </button>
+      </Box>
 
       <UserDropdown isOpen={isMenuOpen}>
         <UserDropdownHeader variant={isDemo ? 'demo' : 'default'}>