A few accessibility fixes

[adamint]

Description

Adds an aria-label to three buttons where it was missing. Also horizontally-aligns property grid headers, as requested in the design review.

(after)

(before)

Fixes #8857 and part of #8827 and fixes #8858

Checklist

• Is this feature complete?
  • Yes. Ready to ship.
  • No. Follow-up changes expected.
• Are you including unit tests for the changes and scenario tests if relevant?
  • Yes
  • No
• Did you add public API?
  • Yes
    • If yes, did you have an API Review for it?
      • Yes
      • No
    • Did you add <remarks /> and <code /> elements on your triple slash comments?
      • Yes
      • No
  • No
• Does the change make any security assumptions or guarantees?
  • Yes
    • If yes, have you done a threat model and had a security review?
      • Yes
      • No
  • No
• Does the change require an update in our Aspire docs?
  • Yes
    • Link to aspire-docs issue (consider using one of the following templates):
      • New (or update) doc-idea template
      • New breaking-change template
      • New diagnostic template
  • No

[JamesNK]

It's fine other than the color change. It looks worse. The new colors are too loud.

I don't think the accent colors are what we want to use. An app typically has one accent color (Aspire's is purple). These are being used all together which doesn't work.

I searched around and I came across this FluentUI charting library that has a bunch of colors used in data: https://microsoft.github.io/fluentui-charting-contrib/docs/colors#3-use-colors-from-palette
These colors might be more approprate. Although I'm not sure that these colors would be an improvement. They still seem like they'd be too loud. Our current colors feel more pastel.

I do like having slightly different colors for light and dark. Some of the current colors, e.g. dark blue, don't work well with the dark theme.

[JamesNK]

Source for the colors I linked to: https://github.com/microsoft/fluentui/blob/bed7fee225ade933e30e1f95d70b0c9b7b41db99/packages/charts/react-charting/src/utilities/colors.ts#L61-L102

[danmoseley]

Aside, not for this PR -- should we attempt to always use the same color for the same "kind" of thing? Eg., DB always red, cache always blue.

[danmoseley]

@adamint if it helps speed you could break out the color changes from this PR and put those in a 2nd PR

[adamint]

@danmoseley @JamesNK removed the color changes. Also added labels to two fluent tooltips

[adamint]

Aside, not for this PR -- should we attempt to always use the same color for the same "kind" of thing? Eg., DB always red, cache always blue.

Not a bad idea, I'd support this.

[JamesNK]

Aside, not for this PR -- should we attempt to always use the same color for the same "kind" of thing? Eg., DB always red, cache always blue.

Not a bad idea, I'd support this.

Create an issue. There should be discussion about how exactly this could work.

[danmoseley]

Opened #9039