style: enhance WorkspaceStatus component UI

Updated the styling of the "Stage only" option in the WorkspaceStatus component for improved user experience. Changes include a more visually appealing label with rounded corners and hover effects, as well as dynamic text color based on the checkbox state. This enhances the overall design consistency and interactivity of the UI.

auto-claude-ui/src/renderer/components/task-detail/task-review/WorkspaceStatus.tsx

@@ -265,12 +265,16 @@ export function WorkspaceStatus({
       {/* Actions Footer */}
       <div className="px-4 py-3 bg-muted/20 border-t border-border space-y-3">
         {/* Stage Only Option */}
-        <label className="flex items-center gap-2 text-sm text-muted-foreground cursor-pointer select-none">
+        <label className="inline-flex items-center gap-2.5 text-sm cursor-pointer select-none px-3 py-2 rounded-lg border border-border bg-background/50 hover:bg-background/80 transition-colors">
           <Checkbox
             checked={stageOnly}
             onCheckedChange={(checked) => onStageOnlyChange(checked === true)}
+            className="border-muted-foreground/50 data-[state=checked]:border-primary"
           />
-          <span>Stage only (review in IDE before committing)</span>
+          <span className={cn(
+            "transition-colors",
+            stageOnly ? "text-foreground" : "text-muted-foreground"
+          )}>Stage only (review in IDE before committing)</span>
         </label>
 
         {/* Primary Actions */}