fix(docs): stop quick-reference boxes overlapping and double-numbering

[ValgulNecron]

Before: in every docs quick-reference box (for example "FIRST OPERATING LOOP" on Dashboard tour), the label was drawn on top of the first step, and steps were numbered twice ("01 01 Choose a cluster and namespace").

After: the label sits above the steps in the accent colour, and each step shows one number ("01 Choose a cluster and namespace"), matching the design frames (e.g. X0DeYH, e8fTgD, o5zdzd in website-export/json/).

How:

• DocsQuickReference.astro rendered its label as an <h3> inside .docs-prose, and the unlayered .docs-prose h3 rule (margin-bottom: -16px, 14px, foreground colour) beat the component's Tailwind utilities, pulling the label down over the first item. The label is now a <div>, so the prose heading rule no longer applies.
• The component already prefixes each item with its position; 147 items across 48 pages also carried a hand-written 01 prefix. A script stripped those prefixes; every one matched its position, so displayed numbers are unchanged. Items that had no prefix were already numbered once by the component.

npm run build (99 pages) and npm run check (0 errors) pass locally; the rendered box was checked in Chromium.

🤖 Generated with Claude Code

[coderabbitai]

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

• Configuration used: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: 98e141b5-4915-4d4e-942a-93a32b8bffc4

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}