fix(web): safe section.id access in page.tsx to fix broken build

[up-tandem]

Bounded Context

apps/web

Problem

The build-and-test CI job is failing on main. In page.tsx:32, the code accesses section.id but ComponentSectionsBibleQuotesCarousel (and other new union members added to the sections dynamic zone) don't include id in their queried shape. This causes a TypeScript build error and blocks all PRs.

Expected Behaviour

Build passes on main. All section union members either include id in the query, or section.id access is guarded safely (e.g. optional chaining, type narrowing, or a fallback key).

Scope

• apps/web only — specifically the sections rendering in page.tsx

Related Issues

• epic(web): Web section components for Experience-driven Easter watch page #176 — web sections epic
• chore(graphql): regenerate and update Experience consumers #130 — GraphQL regeneration
• feat(web): add BibleQuotesCarousel component #157 — related sections work

Notes

This is a build-breaking regression on main and should be prioritised accordingly.