Delete from Grid step layout

[junyuanxue]

What does this change?

• Add 'delete from grid' step, UI only and not yet wired up with delete API calls (to be handled upstack), to keep the code review easier
• This step will render a list of crops and usages, allow user to select from 1 out of 3 delete methods, then confirm the deletion
• I've opted for a simple, flat list of usages display, with downloads collapsed into 'x downloads'. This is not consistent with 'Usages' tab but as this just serves as a quick confirmation before the user proceeds to nuke the image, I think we should stick to whatever is the simplest
• I needed to add a security.styleSources conf so we can load Material Symbols from @guardian/stand, see icon doc
• I have restructured the theme overrides a little so we clearer type definitions

How can success be measured?

• It's a bit annoying to test locally due to /capiUsages endpoint calling Preview CAPI, so best way is to test with a deployment in TEST
• Go to an image page, and append '/takedown' at the end of the url. You'll need the 'delete_crops_or_usages' permission to access it

Tested? Documented?

• locally by committer
• locally by Guardian reviewer
• on the Guardian's TEST environment
• relevant documentation added or amended (if needed)

---

_{Stack created with GitHub Stacks CLI • Give Feedback 💬}

---

• To see the specific tasks where the Asana app for GitHub is being used, see below:
  • https://app.asana.com/0/0/1218460637659941

[github-actions]

Deploy build 15302 of media-service::grid::all to TEST

All deployment options

• Deploy build 15302 of media-service::grid::all to TEST
• Deploy parts of build 15302 to TEST by previewing it first
• What's on TEST right now?

---

From guardian/actions-riff-raff.