Dashboard: Fix project settings page max-width (#6634)

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on updating the layout of the `settings` page in the project dashboard. It enhances the styling and structure of the header and the content area.

### Detailed summary
- Replaced the existing `<h1>` element with a new structure wrapped in a `<div>` with a class of `border-b py-10`.
- Changed the font size of the `<h1>` from `text-3xl` to `text-2xl` for better responsiveness.
- Added a container with a maximum width of `7xl` around the header.
- Adjusted the padding of the content area to `pt-6 pb-20`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: MananTank

apps/dashboard/src/app/team/[team_slug]/[project_slug]/settings/layout.tsx

@@ -7,10 +7,14 @@ export default async function Layout(props: {
 }) {
   return (
     <div className="flex grow flex-col">
-      <h1 className="font-semibold text-3xl tracking-tight">
-        Project Settings
-      </h1>
-      <div className="py-6">{props.children}</div>
+      <div className="border-b py-10">
+        <div className="container max-w-7xl">
+          <h1 className="font-semibold text-2xl tracking-tight lg:text-3xl">
+            Project Settings
+          </h1>
+        </div>
+      </div>
+      <div className="container max-w-7xl pt-6 pb-20">{props.children}</div>
     </div>
   );
 }