fix: restore PageHeader to start-aligned layout

- Changed PageHeader from centered to items-start alignment
- Restored original padding (py-8 md:py-10 lg:py-12)
- PageActions back to justify-start
- PageHeaderDescription restored font-light and leading-7

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: abdout

src/components/atom/page-header.tsx

@@ -7,11 +7,9 @@ function PageHeader({
   ...props
 }: React.ComponentProps<"section">) {
   return (
-    <section className={cn("border-grid", className)} {...props}>
-      <div className="container-wrapper">
-        <div className="container flex flex-col items-center gap-2 py-8 text-center md:py-16 lg:py-20 xl:gap-4">
-          {children}
-        </div>
+    <section className={cn(className)} {...props}>
+      <div className="flex flex-col items-start gap-1 py-8 md:py-10 lg:py-12">
+        {children}
       </div>
     </section>
   )
@@ -39,7 +37,7 @@ function PageHeaderDescription({
   return (
     <p
       className={cn(
-        "text-foreground max-w-3xl text-base text-balance sm:text-lg",
+        "max-w-2xl text-balance text-base font-light text-foreground leading-7 sm:text-lg",
         className
       )}
       {...props}
@@ -51,7 +49,7 @@ function PageActions({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       className={cn(
-        "flex w-full items-center justify-center gap-2 pt-2 **:data-[slot=button]:shadow-none",
+        "flex w-full items-center justify-start gap-2 pt-2",
         className
       )}
       {...props}