Enhance guide header layout by adjusting title and subtitle presentation

[MrHinsh]

Summary by CodeRabbit

• New Features

  • Added optional subtitle support to guide headers, allowing for additional context below the main title.
  • Restructured guide header layout with improved visual hierarchy and responsive button alignment.

• Bug Fixes

  • Resolved a formatting issue in guide header rendering.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

The guide header layout was restructured from two equal-width columns to an 8/4 grid split, with the title (upgraded from h2 to h1) and new optional subtitle support occupying the wider column, and action buttons repositioned to the narrower column on medium+ screens. The change introduces a minor defect.

Changes

Cohort / File(s)	Summary
Guide header layout restructuring module/layouts/_partials/components/guide/render-guide.html	Grid layout changed from balanced columns to col-12 col-md-8 / col-12 col-md-4 split. Title element promoted from h2 to h1. Optional subtitle paragraph added beneath title when .Params.subtitle exists. Action buttons repositioned with end-alignment on medium+ screens. ⚠️ Contains stray "d" character appended after left column closing tag (apparent bug).

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🔲 Grid columns dance, eight and four,
A title crowned (h1 forevermore),
Subtitles whisper below the fold,
But wait—what's that stray "d"? Rather bold.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately reflects the main changes: adjusting the header layout from two equal columns to an 8/4 grid split, adding subtitle support, and changing the title element from h2 to h1.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix-for-trasalted-lists

---

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 and usage tips.}

[Copilot]

Pull request overview

This PR enhances the guide header layout by improving the title presentation and adding optional subtitle support. The changes make the title more prominent and provide better visual hierarchy.

Changes:

• Upgraded title from h2 to h1 for proper semantic HTML structure
• Adjusted column proportions from 6/6 to 8/4, giving more space to the title area
• Added conditional rendering for an optional subtitle parameter with appropriate styling

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[coderabbitai]

Actionable comments posted: 1

🤖 Fix all issues with AI agents

In `@module/layouts/_partials/components/guide/render-guide.html`:
- Around line 83-90: Remove the stray "d" text node that follows the closing
</div> in the header block of render-guide.html (the block containing the <h1
class="content-title mb-0">{{ .Title }}</h1> and the optional {{ if
.Params.subtitle }} paragraph); delete that literal character so the markup
returns to valid HTML and nothing extra renders in the header.

[coderabbitai]

⚠️ Potential issue | 🟡 Minor

Remove the stray “d” text node.

Line 88 has a literal d after the closing </div>, which will render in the header. That’s a visible defect.

🛠️ Proposed fix

-              </div>d
+              </div>

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	<div class="col-12 col-md-8">
	<h1 class="content-title mb-0">{{ .Title }}</h1>
	{{- if .Params.subtitle }}
	<p class="content-subtitle text-muted fs-5 mt-2">{{ .Params.subtitle }}</p>
	{{- end }}
	</div>d
	<div class="col-12 col-md-4">
	<div class="d-flex gap-2 justify-content-md-end">
	<div class="col-12 col-md-8">
	<h1 class="content-title mb-0">{{ .Title }}</h1>
	{{- if .Params.subtitle }}
	<p class="content-subtitle text-muted fs-5 mt-2">{{ .Params.subtitle }}</p>
	{{- end }}
	</div>
	<div class="col-12 col-md-4">
	<div class="d-flex gap-2 justify-content-md-end">

🤖 Prompt for AI Agents

In `@module/layouts/_partials/components/guide/render-guide.html` around lines 83
- 90, Remove the stray "d" text node that follows the closing </div> in the
header block of render-guide.html (the block containing the <h1
class="content-title mb-0">{{ .Title }}</h1> and the optional {{ if
.Params.subtitle }} paragraph); delete that literal character so the markup
returns to valid HTML and nothing extra renders in the header.