Update collapse arrows on user input summary

[mxbclang]

Feature Description

As reported by @sigal-teller in Bug Bash (Asana task), the Edit arrows in the user input summary (both in the initial setup flow and in Settings) are incorrect:

These should be updated to match the Figma design:

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The user input preview group accordions should use a thin caret icon according to the Figma designs instead of the currently used filled chevron icon.

Implementation Brief

The problem is due to CSS applied to all svg within CTA links which sets the fill: currentColor. This is applying the color we want to remove, so setting this to none specifically for these Edit links resolves the issue. This seems to be needed in CSS specifically as setting the attribute in the svg is being overridden by CSS.

Don't remove fill: currentColor from all links, see @tofumatt's comment below: #7771 (comment)

Test Coverage

• No additions necessary
• VRT reference images may need updating

QA Brief

• Ensure the Edit button arrow in the AC has the correct shape (without fill) on hover, focus and click.

Changelog entry

• Fix bug that caused the "Edit" buttons in Key Metrics Admin Settings to render incorrectly.

[aaemnnosttv]

@nfmohit the icon is actually correct, it's a stylistic bug. AC LGTM, I'll add an IB 👍

[tofumatt]

currentColor is what allows some CTA links with icons to have the icon colour match the text colour, so we shouldn't remove it wholesale. It's odd that this SVG's fill affects that part of the arrow I guess, but we should specifically remove that fill only for these edit links 🤔

I've clarified that in the IB, but seems a fine approach otherwise 👍🏻

IB ✅

[wpdarren]

QA Update: ✅

Verified:

• The user input preview group accordions use a thin caret icon according to the Figma designs.
• Tested on desktop and smaller viewports like mobile.

Screenshots