refactor: remove redundant selectable={false} from Button-wrapped text

The Button component automatically makes all text non-selectable via
makeTextUnselectable(), so explicit selectable={false} attributes on
text elements inside Button components are redundant.

Removed from:
- agent-mode-toggle.tsx
- build-mode-buttons.tsx
- raised-pill.tsx
- segmented-control.tsx

Kept selectable={false} on text elements outside Button components.

Author: brandonkachen

cli/src/components/agent-mode-toggle.tsx

@@ -216,7 +216,6 @@ export const AgentModeToggle = ({
         onMouseOut={handleMouseOut}
       >
         <text
-          selectable={false}
           wrapMode="none"
           fg={isCollapsedHovered ? theme.foreground : theme.muted}
         >

cli/src/components/build-mode-buttons.tsx

@@ -55,7 +55,7 @@ export const BuildModeButtons = ({
           onMouseOver={() => setHoveredButton('fast')}
           onMouseOut={() => setHoveredButton(null)}
         >
-          <text wrapMode="none" selectable={false}>
+          <text wrapMode="none">
             <span fg={theme.foreground}>Build DEFAULT</span>
           </text>
         </Button>
@@ -74,7 +74,7 @@ export const BuildModeButtons = ({
           onMouseOver={() => setHoveredButton('max')}
           onMouseOut={() => setHoveredButton(null)}
         >
-          <text wrapMode="none" selectable={false}>
+          <text wrapMode="none">
             <span fg={theme.foreground}>Build MAX</span>
           </text>
         </Button>

cli/src/components/raised-pill.tsx

@@ -65,10 +65,10 @@ export const RaisedPill = ({
       }}
       onClick={onPress}
     >
-      <text selectable={false}>
+      <text>
         <span fg={frameColor}>{`╭${horizontal}╮`}</span>
       </text>
-      <text selectable={false}>
+      <text>
         <span fg={frameColor}>
           │
         </span>
@@ -86,7 +86,7 @@ export const RaisedPill = ({
           │
         </span>
       </text>
-      <text selectable={false}>
+      <text>
         <span fg={frameColor}>{`╰${horizontal}╯`}</span>
       </text>
     </Button>

cli/src/components/segmented-control.tsx

@@ -89,8 +89,8 @@ export const SegmentedControl = ({
                 minWidth: seg.width,
               }}
             >
-              <text fg={seg.frameColor} selectable={false}>{seg.topBorder}</text>
-              <text fg={seg.textColor} selectable={false}>
+              <text fg={seg.frameColor}>{seg.topBorder}</text>
+              <text fg={seg.textColor}>
                 {seg.isItalic ? (
                   <i>{seg.content}</i>
                 ) : seg.isBold ? (
@@ -99,7 +99,7 @@ export const SegmentedControl = ({
                   seg.content
                 )}
               </text>
-              <text fg={seg.frameColor} selectable={false}>{seg.bottomBorder}</text>
+              <text fg={seg.frameColor}>{seg.bottomBorder}</text>
             </Button>
 
             {rightOfHovered ? (