docs(blocks): add numbered split layout example for approach

[markdumay]

Summary

Documents the approach Bookshop component's new opt-in arguments, shipped in gethinode/mod-blocks v2.3.0 (PR #181):

• layout: "split" — renders the heading in a left column with the elements as a vertically stacked list on the right (50-50 on md+, stacked on mobile), instead of the card grid.
• numbered: true — auto-numbers elements with a digit badge instead of a per-element icon; the digit is resolved through the site's configured Font Awesome family (site.Params.modules.fontawesome.defaultFamily).

Adds a new ### Numbered split layout subsection to content/blocks/approach.md, combining both arguments in one example, following the same per-variant pattern already used for the articles block's layout: magazine example (commit 2e86551): short prose intro + a fenced {{< example-bookshop lang="bookshop" >}} block, placed before ## Arguments.

Smoke-test evidence

mod-docs' own exampleSite deliberately does not mount content/blocks/*.md (it only imports this module's layouts/dist, not content/data — confirmed by inspecting exampleSite/hugo.toml), so it can't render this example live. Per review feedback, I smoke-tested against gethinode/hinode's own exampleSite, which does import mod-docs with content mounted at content/docs alongside mod-blocks/v2:

• Locally wired hinode's exampleSite/go.mod with a replace to this branch's worktree and bumped mod-blocks/v2 to v2.3.0, built with hugo --gc --minify -s exampleSite, then reverted every change (git status clean, nothing left behind — this was a read-only smoke test of a shared checkout).
• Confirmed the rendered /en/docs/blocks/approach/ page contains the intended split-layout markup: approach-steps / approach-step / approach-number classes present, heading correctly split into the left column with the display-5/text-start mb-0 treatment.

One real finding, not a docs bug: on hinode's own exampleSite, defaultFamily is configured to "bi" (Bootstrap Icons) — a realistic, already-live site configuration. Bootstrap Icons has no bare digit icon names (only compound ones like 1-circle/1-square), so the numbered digit glyph resolves to assets/svgs/bi/1.svg and similar, which don't exist, leaving the approach-number circle empty (Hugo logs Cannot find icon: assets/svgs/bi/1.svg etc.). This is a mod-blocks component defect (the bare-digit-name design assumes every icon family ships plain numeric glyphs, which isn't true for Bootstrap Icons), not something this docs page can paper over — the example demonstrates correct, minimal component syntax. Reported separately for a mod-blocks follow-up; not fixed here per review guidance (docs changes shouldn't silently work around upstream component bugs).

Verification

• pnpm run lint:markdown — zero new issues from this change (21 pre-existing issues remain in three unrelated files: preview.md, testimonials.md, components/testimonial.md; confirmed identical on a clean main checkout, not introduced here). pnpm run lint:styles passes trivially (no SCSS touched).
• pnpm run build (hugo --gc --minify -s exampleSite) clean, 0 errors (unaffected by this content change, since content/blocks/*.md isn't part of this repo's own exampleSite build scope — see above).
• Husky pre-commit (pnpm test) and commit-msg (commitlint) both passed on commit.

🤖 Generated with Claude Code

[markdumay]

🎉 This PR is included in version 1.15.6 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀