fix(site): left-align template README content instead of centering in narrow column (#25487)

Closes #24183

## Changes

Drops `mx-auto` so README content left-aligns with the header. Bumps
padding from 24px to 32px and widens `max-w` from 800px to 860px for
breathing room.

Applied to both:
- `TemplateDocsPage.tsx`
- `StarterTemplatePageView.tsx`

> Generated with [Coder Agents](https://coder.com/agents)

site/src/pages/StarterTemplatePage/StarterTemplatePageView.tsx

@@ -72,7 +72,7 @@ export const StarterTemplatePageView: FC<StarterTemplatePageViewProps> = ({
 				className="bg-surface-secondary border border-solid border-border rounded-lg"
 				id="readme"
 			>
-				<div className="px-10 pt-10 pb-16 max-w-[800px] mx-auto">
+				<div className="px-8 pt-2 pb-12 max-w-[860px]">
 					<MemoizedMarkdown>{starterTemplate.markdown}</MemoizedMarkdown>
 				</div>
 			</div>

site/src/pages/TemplatePage/TemplateDocsPage/TemplateDocsPage.tsx

@@ -17,7 +17,7 @@ export default function TemplateDocsPage() {
 				<div className="text-content-secondary font-semibold py-4 px-6 border-b border-border">
 					README.md
 				</div>
-				<div className="px-6 pb-10 max-w-[800px] mx-auto">
+				<div className="px-8 pt-2 pb-12 max-w-[860px]">
 					<MemoizedMarkdown>{readme.body}</MemoizedMarkdown>
 				</div>
 			</div>