Refactor `YoutubeAtom` so it does not rely on an external `elementId` #19

	# The DCR repo has a required status check on the Chromatic UI Tests
	# To save £££, we only run the Chromatic tests once the `run_chromatic`
	# label is applied. This workflow reminds people to add the label
	# because it isn't always obvious.

	name: Chromatic Label Helper

	on:
	pull_request:
	types: [ready_for_review]

	jobs:
	write_comment:
	runs-on: ubuntu-latest
	permissions:
	pull-requests: write

	steps:
	- uses: actions/github-script@v7
	with:
	script: \|
	const labels = await github.rest.issues
	.listLabelsOnIssue({
	owner: context.repo.owner,
	repo: context.repo.repo,
	issue_number: context.issue.number,
	})
	.then(({ data }) => data);

	const hasChromaticLabel = labels.some(
	(label) => label.name === 'run-chromatic',
	);

	if (!hasChromaticLabel) {
	const commentLines = [
	"Hello :wave:! When you're ready to run Chromatic, please apply the `run_chromatic` label to this PR.",
	'[Click here to see the Chromatic project.](https://www.chromatic.com/builds?appId=63e251470cfbe61776b0ef19)',
	];
	github.rest.issues.createComment({
	issue_number: context.issue.number,
	owner: context.repo.owner,
	repo: context.repo.repo,
	body: commentLines.join('\n\n'),
	});
	}

Provide feedback