Include draft content notice on pages with hero component

[delucis]

Description

• Fixes Draft notice not on page with hero content #3785
• When adding our draft feature, we added a notice to alert people during dev that page had draft status, but missed adding this same alert if the page used the hero component.
• This PR fixes that by also including the notice in the hero component

Here’s an example of what this looks like if you set draft: true on the homepage of the Starlight docs:

Small viewport	Large viewport

This also required a couple of minor CSS changes:

• We previously did not set grid-template-columns on the hero component for small viewports, but this is risky when components can overflow the viewport width (like the draft notice) as the grid simply adapts to accommodate them. The hero is now explicitly a single, 100%-wide column for small viewports so it contains the notice.
• The hero component uses centre-aligned text on small viewports, but the notice looks quite odd with centred text due to the icon lock-up. So this PR explicitly adds start-alignment to the notice.

I think both of these changes are minor and should be safe enough to release in a patch.

[netlify]

✅ Deploy Preview for astro-starlight ready!

Name	Link
🔨 Latest commit	fffbaaf
🔍 Latest deploy log	https://app.netlify.com/projects/astro-starlight/deploys/69cfa4c173398b0008d7f7ae
😎 Deploy Preview	https://deploy-preview-3801--astro-starlight.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 100 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[changeset-bot]

🦋 Changeset detected

Latest commit: fffbaaf

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@astrojs/starlight	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[astrobot-houston]

size-limit report 📦

Path	Size
/index.html	5.61 KB (+0.02% 🔺)
/_astro/*.js	26.03 KB (0%)
/_astro/*.css	16.04 KB (+0.02% 🔺)