Accessibility & SEO score improvements

[hujambo-dunia]

BEFORE - Accessibility (via AccessibilityChecker):

BEFORE - SEO (via Chrome's Lighthouse):

[hujambo-dunia]

AFTER with PR #806
(note "Accessibility" score below is falsley listed too high should be more like 80% but Lighthouse is less picky; basically, background color contract issue still needs to be addressed/proven):

[hujambo-dunia]

Yay - 20 points higher on AccessibilityChecker.org (screen below):

Detail on which elements on Workflow Details page specifically:

[hujambo-dunia]

However, "contrast" issues remain. To help, here's an idea for some changes to the button:

1. (high) for button, change "white" text color from rgb(0 0 0) to rgb(51 46 11) (which passes WCAG 2.2 AAA)
2. (high) for button, change font-size from .text-sm/.875 rem to .text-base/1 rem (more appropriate for call-to-action size text)
3. (moderate) for button, change text from Run with example data to Run as Demo (since takes up less horizontal space). Add Run with example data as a tool-tip on mousehover.
4. (low) for button, add border color params: 1px solid #99991c

[dannon]

@hujambo-dunia That's exactly what the updated nuxt-ui-3 branch does actually (dark text on the same primary yellowgold) -- like we mentioned before the contrast issues will be resolved with that migration so I wouldn't spend any cycles on this.

With the additional followup in #811, this is in fine shape for now.

[hujambo-dunia]

@dannon sounds good! :)