fix header request approved

src/app/candidate-contact/candidate-contact-client.tsx

@@ -130,15 +130,15 @@ export default function CandidateContactClient() {
           />
         ) : null}
 
-        <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-[calc(20px+var(--safe-bottom))]">
-          <PageHeader
-            className="-mx-[6px]"
-            profile={profile}
-            leftButton={
-              isFemale ? { icon: "back", className: "hidden" } : undefined
-            }
-          />
+        <PageHeader
+          profile={profile}
+          sticky
+          leftButton={
+            isFemale ? { icon: "back", className: "hidden" } : undefined
+          }
+        />
 
+        <main className="flex min-h-0 flex-1 flex-col pb-[calc(20px+var(--safe-bottom))]">
           <div className="flex flex-1 flex-col justify-between gap-6 pt-4">
             <section className="flex flex-col items-center">
               {isFinalized ? (
@@ -353,8 +353,9 @@ export default function CandidateContactClient() {
         />
       ) : null}
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[17px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-36">
-        <PageHeader profile={profile} />
+      <PageHeader profile={profile} sticky />
+
+      <main className="flex min-h-0 flex-1 flex-col pb-36">
 
         <section className="flex flex-1 items-center justify-center">
           <div className="flex max-w-[300px] flex-col items-center">

src/app/finding-match/finding-match-client.tsx

@@ -93,28 +93,29 @@ export default function FindingMatchClient() {
     <>
       <PageBackground />
 
+      <PageHeader
+        profile={profile}
+        sticky
+        leftButton={{
+          icon: "back",
+          onClick: () => {
+            if (typeof window !== "undefined" && (window as any).HabibApp) {
+              (window as any).HabibApp.postMessage(
+                JSON.stringify({ action: "close_service" }),
+              );
+            } else {
+              router.back();
+            }
+          },
+        }}
+      />
+
       <main
         style={{ paddingBottom: "calc(100px + var(--safe-bottom))" }}
-        className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] text-center page-slide-enter"
+        className="flex min-h-0 flex-1 flex-col text-center page-slide-enter"
       >
-        <PageHeader
-          className="-mx-[6px]"
-          profile={profile}
-          leftButton={{
-            icon: "back",
-            onClick: () => {
-              if (typeof window !== "undefined" && (window as any).HabibApp) {
-                (window as any).HabibApp.postMessage(
-                  JSON.stringify({ action: "close_service" }),
-                );
-              } else {
-                router.push(localizePath("/", locale));
-              }
-            },
-          }}
-        />
 
-        <section className="mt-20 flex flex-1 flex-col items-center">
+        <section className="mt-20 flex flex-1 flex-col items-center px-[23px]">
           <div className="relative h-[124px] w-[130px]" aria-hidden="true">
             <Image
               src={matchImageSrc}

src/app/request-accepted/request-accepted-client.tsx

@@ -538,9 +538,9 @@ export default function RequestAcceptedClient() {
         />
       ) : null}
 
-      <main className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-[calc(20px+var(--safe-bottom))] text-center">
-        <PageHeader className="-mx-[6px]" profile={profile} />
+      <PageHeader profile={profile} sticky />
 
+      <main className="flex min-h-0 flex-1 flex-col pb-[calc(20px+var(--safe-bottom))] text-center">
         <div className="flex flex-1 flex-col justify-between gap-6 pt-4">
           <section className="flex flex-col items-center">
             {isFinalized ? (

src/app/request-sent/request-sent-client.tsx

@@ -86,12 +86,12 @@ export default function RequestSentClient() {
     <>
       <PageBackground />
 
+      <PageHeader profile={profile} sticky />
+
       <main
         style={{ paddingBottom: "calc(40px + var(--safe-bottom))" }}
-        className="-mx-[17px] flex min-h-screen flex-col px-[23px] pt-[max(12px,calc(var(--safe-top)+4px))] text-center"
+        className="flex min-h-0 flex-1 flex-col text-center"
       >
-        <PageHeader className="-mx-[6px]" profile={profile} />
-
         <div className="flex flex-1 flex-col justify-between gap-16 pt-8">
           <section className="flex flex-col items-center">
             {/* Illustration */}