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}
+          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,13 +93,9 @@ export default function FindingMatchClient() {
     <>
       <PageBackground />
 
-      <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"
-      >
       <PageHeader
-          className="-mx-[6px]"
         profile={profile}
+        sticky
         leftButton={{
           icon: "back",
           onClick: () => {
@@ -108,13 +104,18 @@ export default function FindingMatchClient() {
                 JSON.stringify({ action: "close_service" }),
               );
             } else {
-                router.push(localizePath("/", locale));
+              router.back();
             }
           },
         }}
       />
 
-        <section className="mt-20 flex flex-1 flex-col items-center">
+      <main
+        style={{ paddingBottom: "calc(100px + var(--safe-bottom))" }}
+        className="flex min-h-0 flex-1 flex-col text-center page-slide-enter"
+      >
+
+        <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 */}