refactor: Adjust header positioning in user layout and update HeroSection image fit, padding, and button text color.

src/app/(user)/layout.tsx

@@ -38,16 +38,15 @@ export default function UserLayout({
   }
 
   return (
-    <div className="min-h-screen bg-[#f0f4f3] flex flex-col">
-      {/* Header */}
-      <div className="sticky top-0 z-50 px-4 py-3 bg-[#f0f4f3]">
-        <div className="max-w-7xl mx-auto">
-          <CommonHeader />
+    <div className="min-h-screen flex flex-col">
+      {/* Main Content with Header inside */}
+      <main className="flex-1 relative">
+        {/* Header overlaying the content */}
+        <div className="absolute top-0 left-0 right-0 z-50 px-4 py-3">
+          <div className="max-w-7xl mx-auto">
+            <CommonHeader />
+          </div>
         </div>
-      </div>
-
-      {/* Main Content */}
-      <main className="flex-1">
         {children}
       </main>