feat(cms): add schema for Container component (side-by-side items)

[Kneesal]

Background

Need a Container component that handles content laid out side by side, with items taken as repeatable content so editors can build flexible two-column (or multi-column) sections in the CMS.

Expected outcome

• A Container component exists that accepts a list of items (e.g. repeatable component or blocks).
• Schema supports side-by-side layout configuration (e.g. ratio, order) so the web app can render content accordingly.

Acceptance criteria

• Container component JSON schema added in CMS.
• Component accepts items (or equivalent) as repeatable children.
• Component registered and available where needed; GraphQL regenerated if contracts change.

Possible solution(s)

1. Add components/sections/container.json with items (type: component, repeatable: true) and optional layout / ratio enum or string.
2. Use a shared container-item component for each slot so items can be polymorphic (text, image, etc.).

References

• apps/cms/src/components/sections/

• apps/cms/schema.graphql

• Parent: epic(cms): Experience schema for Easter-style watch page #175 Epic A (CMS)

• Related (web implementation): feat(web): add Container component (side-by-side items) #153

[Ur-imazing]

Execution plan (posted before work)

Branch: feat/143-container from main

Steps completed:

1. Container slot (child) – Added apps/cms/src/components/sections/container-slot.json with:

   • gridSpan: integer, min 1, max 12 (default 6), required
   • content: dynamic zone with ["sections.media-collection"] (extensible when feat(cms): add schema for Text component #144 Text, feat(cms): add schema for BibleQuotesCarousel component #147 BibleQuotesCarousel, etc. land)

2. Container (parent) – Added apps/cms/src/components/sections/container.json with:

   • slots: repeatable component sections.container-slot

3. Register in Experience – Added "sections.container" to apps/cms/src/api/experience/content-types/experience/schema.json in the sections dynamic zone components array.

4. Contracts/codegen – Regenerated apps/cms/schema.graphql (Strapi output) and packages/graphql client via pnpm run codegen.

Commits:

• feat(cms): add Container and container-slot with dynamic zone
• feat(cms): register Container in Experience sections
• chore: regenerate GraphQL client for Container schema

PR: feat(cms): add schema for Container component (side-by-side items) — Resolves #143.

Layout (per plan): Each slot has gridSpan 1–12 (CSS grid); for two-column, the two slots’ spans total 12 (e.g. 2:10, 4:8, 6:6). Slot content is a dynamic zone so editors can add carousel, text, BibleQuotesCarousel, etc., as those components are added in follow-up issues.