refactor: replace button with Button component in TeamDetailView for improved styling

- Updated the headerExtra section in TeamDetailView to use a Button component instead of a button element, enhancing the visual consistency and styling.
- Adjusted the Button properties to align with the design system, including variant and size adjustments.

src/renderer/components/team/TeamDetailView.tsx

@@ -1013,9 +1013,10 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
         headerExtra={
           <Tooltip>
             <TooltipTrigger asChild>
-              <button
-                type="button"
-                className="pointer-events-auto rounded p-0.5 text-[var(--color-text-muted)] transition-colors hover:text-[var(--color-text-secondary)]"
+              <Button
+                variant="ghost"
+                size="sm"
+                className="pointer-events-auto size-6 p-0 text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)]"
                 onClick={(e) => {
                   e.stopPropagation();
                   void window.electronAPI.openExternal(
@@ -1024,7 +1025,7 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
                 }}
               >
                 <Bell size={12} />
-              </button>
+              </Button>
             </TooltipTrigger>
             <TooltipContent side="top">Desktop notifications plugin</TooltipContent>
           </Tooltip>