Revert "fix(ui): match AppBar specs exactly with Flutter 56px toolbar and safe area on scroll"

This reverts commit 953ab545f8.

src/app/intro/intro-client.tsx

@@ -125,14 +125,8 @@ export default function IntroClient() {
 
   return (
     <>
-      <div
-        style={{
-          paddingTop: "max(12px, var(--safe-top))",
-        }}
-        className="sticky top-0 z-30 -mx-[17px] px-[17px] bg-[#F5F5F5]/90 backdrop-blur-md"
-      >
+      <div className="pt-[max(12px,calc(var(--safe-top)+4px))]">
         <PageHeader profile={profile} />
-      </div>
         <main className="pb-[calc(90px+var(--safe-bottom))]">
           <div className="flex flex-col items-center mt-16">
             <Image
@@ -219,6 +213,7 @@ export default function IntroClient() {
             </div>
           </div>
         </main>
+      </div>
 
       <SectionOverlayHost
         open={isStepsOpen}

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

@@ -638,9 +638,9 @@ export default function NewMatchClient() {
         >
           <div
             style={{
-              paddingTop: `${Math.max(12, top)}px`,
+              paddingTop: `${Math.max(12, top + 4)}px`,
             }}
-            className="sticky top-0 z-30 -mx-[18px] px-[18px] bg-[#F7F1F0]/90 backdrop-blur-md"
+            className="sticky top-0 z-30 -mx-[18px] px-[18px] pb-2 bg-[#F7F1F0]/90 backdrop-blur-md"
           >
             <PageHeader profile={profile} />
           </div>
@@ -727,9 +727,9 @@ export default function NewMatchClient() {
       >
         <div
           style={{
-            paddingTop: `${Math.max(12, top)}px`,
+            paddingTop: `${Math.max(12, top + 4)}px`,
           }}
-          className="sticky top-0 z-30 -mx-[18px] px-[18px] bg-[#F7F1F0]/90 backdrop-blur-md"
+          className="sticky top-0 z-30 -mx-[18px] px-[18px] pb-2 bg-[#F7F1F0]/90 backdrop-blur-md"
         >
           <PageHeader profile={profile} />
         </div>

src/components/Componentes/page-header.tsx

@@ -57,7 +57,7 @@ export function PageHeader({
 
   return (
     <header
-      className={["flex h-[56px] items-center justify-between", className]
+      className={["flex items-center justify-between pb-3", className]
         .filter(Boolean)
         .join(" ")}
     >
@@ -66,7 +66,7 @@ export function PageHeader({
       ) : (
         <NavigationButton icon="back" profile={profile} {...leftButton} />
       )}
-      <h1 className="font-faminela text-[20px] font-normal text-foreground leading-none select-none">
+      <h1 className="font-faminela text-[20px] font-normal text-foreground">
         {t["Habib Marriage"]}
       </h1>
 

src/components/Componentes/slider-page.tsx

@@ -133,8 +133,8 @@ export default function SliderPage({ onClose }: SliderPageProps = {}) {
           onClose={() => setSubmitError(null)}
         />
       )}
-      <header className="relative -mx-[17px] rounded-b-[32px] px-[17px] pt-[max(12px,calc(var(--safe-top)))]">
-        <div className="relative flex h-[56px] items-center justify-between">
+      <header className="relative -mx-[17px] rounded-b-[32px] px-[17px] pt-[max(12px,calc(var(--safe-top)+4px))] pb-3">
+        <div className="relative flex items-center justify-between">
           <NavigationButton
             icon="back"
             iconLabel="Close slider"