Apply mantine color palette to cartesian chart labels

[heypoom]

Closes #41949

Description

Cartesian charts currently get their color from the color function from lib/colors/palette.ts, but these colors are hard-coded and not overrideable by users. This PR adds the use-palette hook that extracts a subset of color palettes from a Mantine theme, and apply the palette into the cartesian chart.

How to verify

1. Go to the basic-theming branch in the demo app
2. Go to the /admin/internal/kitchen-sink page
3. Verify that the theme color in AppProvider is set to a custom value, e.g. text-dark is hotpink:

  colors: {
    brand: colorTuple("hotpink"),
    "text-dark": colorTuple("hotpink"),
    "text-light": colorTuple("hotpink"),
  },

4. The 3 chart labels should now be in hotpink, instead of black.

Screenshot

Labels used to use the hard-coded text-dark color, but now it becomes hotpink as defined above.

Checklist

• Tests have been added/updated to cover changes in this PR

[github-actions]

Codenotify: Notifying subscribers in CODENOTIFY files for diff f852b48...9e4b51e.

Notify	File(s)
@alxnddr	frontend/src/metabase/visualizations/components/Visualization/Visualization-themed.unit.spec.tsx frontend/src/metabase/visualizations/visualizations/CartesianChart/use-models-and-option.ts

[replay-io]

Status	Complete ↗︎
Commit	9e4b51e
Results	⚠️ 9 Flaky ✅ 2442 Passed

[WiNloSt]

passing colors we want to override here looks good. I kind of remember we did this when we worked with static viz to make user appearance colors works.