🎨 Palette: Add ARIA label and title to Workflows Play button

Adds `aria-label` and `title` attributes to the icon-only "Play" button in the `WorkflowsModal`.
This ensures screen readers can identify the button's action and sighted users have a hover tooltip.

Co-authored-by: jmbish04 <26469722+jmbish04@users.noreply.github.com>

Author: google-labs-jules[bot]

.Jules/palette.md

@@ -0,0 +1,3 @@
+## 2024-05-28 - Missing ARIA Labels on Icon Buttons
+**Learning:** Found a pattern of missing `aria-label` and `title` attributes on `<Button size="icon">` elements across the UI, particularly in modals and settings. Icon-only buttons without these attributes are completely opaque to screen readers and difficult for sighted users to decipher without hover tooltips.
+**Action:** When adding or reviewing `<Button size="icon">` usage, always ensure `aria-label` is present for screen readers and `title` is present to provide hover tooltips for sighted users.

src/frontend/src/components/modals/WorkflowsModal.tsx

@@ -39,7 +39,13 @@ export function WorkflowsModal({ workflowCount = 8 }: { workflowCount?: number }
                                         </div>
                                         <div className="font-medium text-sm">{wf}</div>
                                     </div>
-                                    <Button size="icon" variant="ghost" className="h-8 w-8 hover:bg-zinc-800">
+                                    <Button
+                                        size="icon"
+                                        variant="ghost"
+                                        className="h-8 w-8 hover:bg-zinc-800"
+                                        aria-label={`Run ${wf} workflow`}
+                                        title={`Run ${wf} workflow`}
+                                    >
                                         <Play className="w-4 h-4 text-zinc-400" />
                                     </Button>
                                 </CardContent>