website refactor

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'}>