fix: standardize admin page layout consistency

[nathanialhenniges]

Summary

• Remove PageHeader default bottom padding (pb-4 md:pb-6) so parent space-y-6 owns all vertical rhythm — eliminates ~40–48px header gap vs 0px on dashboard
• Standardize root wrappers across all admin pages to identical animate-in fade-in-0 slide-in-from-bottom-2 duration-300 ease-out space-y-6 — fixes entrance animation pop and space-y-4 drift on appearance/connections/forms
• Remove max-w-2xl inner wrapper from account page — was rendering at ~672px while all other pages render at ~1152px (the single biggest width jump)
• Standardize right-hand preview sidebar to 360px on dashboard (320px → 360px) and wallet (auto → 360px) so left content column is identical width across all pages

Files changed

• apps/web/src/components/admin/page-header.tsx — remove default pb-*
• apps/web/src/app/admin/page.tsx — canonical wrapper, remove greeting pb-*, fix grid 320→360px
• apps/web/src/app/admin/account/page.tsx — remove inner max-w-2xl
• apps/web/src/app/admin/appearance/page.tsx — space-y-4→space-y-6 (loaded + loading skeleton)
• apps/web/src/app/admin/builder/page.tsx — add missing space-y-6
• apps/web/src/app/admin/connections/page.tsx — space-y-4→space-y-6
• apps/web/src/app/admin/forms/page.tsx — space-y-4→space-y-6
• apps/web/src/app/admin/social/page.tsx — add missing animate-in classes
• apps/web/src/app/admin/wallet/page.tsx — auto→360px preview column

Test plan

• Navigate through all admin pages — content should not pop horizontally or vertically on navigation
• Account page renders at full max-w-6xl width, not narrow max-w-2xl
• Pages with right-hand preview (dashboard, appearance, builder, wallet) all reserve 360px right column
• PageHeader title appears at same Y position across all pages
• First card/section under header sits at same Y position across all pages

🤖 Generated with Claude Code

[coderabbitai]

Warning

Rate limit exceeded

@nathanialhenniges has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 56 minutes and 24 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 56 minutes and 24 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: d85f0b7a-897d-48d2-8291-bdda2dc1cba5

📥 Commits

Reviewing files that changed from the base of the PR and between 9ea7c65 and a0ddec2.

⛔ Files ignored due to path filters (1)

• bun.lock is excluded by !**/*.lock

📒 Files selected for processing (9)

• apps/web/src/app/admin/account/page.tsx
• apps/web/src/app/admin/appearance/page.tsx
• apps/web/src/app/admin/builder/page.tsx
• apps/web/src/app/admin/connections/page.tsx
• apps/web/src/app/admin/forms/page.tsx
• apps/web/src/app/admin/page.tsx
• apps/web/src/app/admin/social/page.tsx
• apps/web/src/app/admin/wallet/page.tsx
• apps/web/src/components/admin/page-header.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch claude/gifted-yonath

---

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