Align the report's status colors with the CP and add dark mode valuesReport colors

[helloDanuk]

The report pages show a status in three colors – green, amber and red – on the icons, the score and the score bar. This PR makes those colors consistent: with the rest of the CP, between light and dark mode, and with the new dashboard widget in #689.

The icons, the score and the bar had no dark mode values so far, so they looked dull on a dark background. And in light mode, the red of the icons and the score was a shade lighter than the red the CP uses for errors.

In short:

• Dark mode. Icons, score and bar get their own, lighter values in dark mode.
• Red in light mode. The fail icon, the score and the failing comment in the page details now use red-600, like error text and icons in the CP. Before, they used red-500. In dark mode they use red-400.
• Score bar. It takes the colors of the score ring in Show report insights in the dashboard widget #689, so the report and the widget look the same. These are one shade lighter than the icons, so its red stays red-500.

The PR is independent of #689. The two don't touch the same files and can be merged in any order.

Before and after

	Before	After (light / dark)
Pass icon	green-600	green-600 / green-400
Warning icon	amber-500	amber-500 / amber-300
Fail icon	red-500	red-600 / red-400
Score	green-600, amber-500, red-500	same as the icons
Failing comment (page details)	red-500 / red-400	red-600 / red-400
Score bar	green-600, amber-500, red-500	green-500, amber-400 / amber-300, red-500

The warning icon keeps the lighter amber-500 in light mode on purpose, so it stays easy to tell apart from the red one (more on that below).

The icons come from StatusIcon.vue, so the change applies to the reports index, the rules table, the page listing and the page details at once.

Before

After

How this lines up with the CP

Where the CP has a clear habit, the report now follows it:

Report	Same value in statamic/cms
Pass icon, light: green-600	Toggle fieldtype in listings, user listing, entry publish form
Fail icon and failing comment, light: red-600	ErrorMessage, Label, the upload error icon, and most other red text in light mode – red-500 is the exception there
Dark values green-400 / red-400	Text (success, danger), the licensing alert
Warning icon, light: amber-500	CharacterCounter
Warning icon, dark: amber-300	The icon in a warning Alert

The CP itself isn't uniform everywhere, so a few differences remain:

• Checkmarks in dark mode. The toggle fieldtype, the user listing and the publish form have no dark value and stay green-600. The report uses green-400, like Text.
• Amber. The CP has several: yellow-700 / yellow-500 in the publish form, amber-600 / amber-400 in Text, amber-500 in CharacterCounter, and amber-800 inherited by the icon in a light Alert. The report keeps amber-500. I tried the darker amber-600, but next to the red icons it's hard to tell the two apart.
• Red in dark mode. Destructive actions (dropdown items, bulk actions) use red-500. The report uses red-400, since a status isn't an action.

The score bar

The bar is the one part that doesn't follow the CP, because the CP has no colored bar to follow. It uses the colors of the score ring in #689, which are one shade lighter than the icons: a bar or ring covers more area than an icon or a number, and the darker shades look heavy there. The track keeps its gray-300 on purpose. The ring in the widget uses the lighter gray-200, but on the report page the bar sits right below the gray panel header, and a lighter track gets lost next to it.

Also in here

The "Asset container not configured" notice on the asset fields used red-500 as well. It now uses the classes of the CP's ErrorMessage component. That's a separate commit, in case you'd rather not have it in this PR.

Not changed

• The tinted rows in the page details already match the Alert component.
• The current dashboard widget has its own score colors. I left it alone, since Show report insights in the dashboard widget #689 replaces that file.