Add mobile inline advertising to the Puzzles hub

[DanielCliftonGuardian]

What does this change?

Adds mobile inline adverts at the Puzzles hub’s existing blueprint defined ad placements, reusing the mobile-front component alongside desktop banners.

Updates tests to verify real slot markup, unique desktop and mobile IDs, invalid slot declarations and ad-free suppression.

Why?

Parity with figma designs https://www.figma.com/design/pRGn7NmhCQXuoq7B6XhVov/Puzzles-Ad-Slots?node-id=5744-15711&t=SSFUMwkAnXJV6eZO-0

How has this change been tested?

[github-actions]

🚀 Image pushed to AWS ECR

Image digest: sha256:ecff830f62f78194d4e07cc7deb63adcb310618cfc6b53bfb3be3084417c273c

🐛 Run the image locally

The following can be used to run the image locally:

# Refer to image using the immutable digest. Find alternatives below.
IMAGE_IDENTIFIER="@sha256:ecff830f62f78194d4e07cc7deb63adcb310618cfc6b53bfb3be3084417c273c"

# Refer to image using branch tag
# IMAGE_IDENTIFIER=":branch-Add-mobile-inline-advertising-to-the-Puzzles-hub"

# Refer to image using build tag
# IMAGE_IDENTIFIER=":build-31105"

# Refer to image via the GitHub commit SHA tag
# IMAGE_IDENTIFIER=":sha-d7aa4be9836cb66d28160fc71020be27dfc9891d"

# Set environment variables for the AWS CLI
AWS_PROFILE="<A_PROFILE_FROM_JANUS>"
AWS_DEFAULT_REGION="eu-west-1"

IMAGE_ACCOUNT_ID=$(aws ssm get-parameter --name /organisation/accounts/artifacts --query "Parameter.Value" --output text)
REGISTRY="${IMAGE_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com"
IMAGE="${REGISTRY}/guardian/dotcom-rendering${IMAGE_IDENTIFIER}"

# Login to AWS ECR https://docs.aws.amazon.com/AmazonECR/latest/userguide/registry_auth.html
aws ecr get-login-password | docker login --username AWS --password-stdin $REGISTRY

# Pull the image
docker pull $IMAGE

# Run the image. You'll likely need to set additional flags. See https://docs.docker.com/reference/cli/docker/container/run.
docker run $IMAGE

---

From guardian/actions-publish-image.

[github-actions]

Deploy build 31105 of dotcom:rendering-all to CODE

All deployment options

• Deploy build 31105 of dotcom:rendering-all to CODE
• Deploy parts of build 31105 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.

[gustavo-olmedo]

LGTM!

[gu-prout]

Seen on PROD (merged by @DanielCliftonGuardian 8 minutes ago) Please check your changes!