feat: align testimonials headings with container width

[trueberryless]

Description

This PR updates some CSS to align the testimonials heading "Loved by Developers" with the container width of the rest of the pages.

The new testimonials heading alignment looks like that:

• Closes Testimonials section heading misaligned #964

Summary by CodeRabbit

• Style
  • Improved the testimonials section layout on large screens by constraining the inner header width and centering it horizontally for a cleaner, more consistent presentation.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 479b7c6b-f8c9-4747-bd61-deb39c2d0165

📥 Commits

Reviewing files that changed from the base of the PR and between 5ba14a9 and e64c3d8.

📒 Files selected for processing (1)

• src/components/LibraryTestimonials.tsx

✅ Files skipped from review due to trivial changes (1)

• src/components/LibraryTestimonials.tsx

---

📝 Walkthrough

Walkthrough

The LibraryTestimonials component's header wrapper <div> (containing the "Loved by Developers" heading) gains lg:max-w-(--breakpoint-lg) and mx-auto classes, constraining and centering the heading at large screen widths.

Changes

Testimonials Header Alignment

Layer / File(s)	Summary
Header wrapper layout classes src/components/LibraryTestimonials.tsx	The header wrapper <div> class list is updated to include lg:max-w-(--breakpoint-lg) and mx-auto, constraining the heading width and centering it horizontally on large screens.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

A heading once wandered too wide on the screen,
Till a rabbit hopped in with mx-auto clean.
lg:max-w snapped it right into its place,
The "Loved by Developers" text found its space.
🐇 One line of Tailwind — alignment achieved!

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The pull request title accurately describes the main change: aligning testimonials headings with container width, which directly matches the CSS styling adjustment to the LibraryTestimonials component.
Linked Issues check	✅ Passed	The pull request successfully implements the CSS fix for issue #964, aligning the testimonials heading with the container width using lg:max-w and mx-auto styling.
Out of Scope Changes check	✅ Passed	All changes are narrowly scoped to the LibraryTestimonials component styling for alignment purposes, with no unrelated modifications present.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/components/LibraryTestimonials.tsx`:
- Line 17: The className attribute in LibraryTestimonials.tsx references a CSS
custom property `--breakpoint-lg` that is not defined in the Tailwind theme. To
fix this, add the missing `--breakpoint-lg` custom property definition to the
`@theme` block in src/styles/app.css by adding the line after the existing
breakpoint definitions, or alternatively replace the custom variable syntax
`lg:max-w-(--breakpoint-lg)` with Tailwind's built-in breakpoint class
`max-w-lg` to use the framework's standard large breakpoint instead of a custom
variable.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 41f664ec-4f7b-4a2e-93a5-efdd56d5a58b

📥 Commits

Reviewing files that changed from the base of the PR and between d82a4df and 5ba14a9.

📒 Files selected for processing (1)

• src/components/LibraryTestimonials.tsx