move header inside sticky area (#7163)

src/screens/Hashtag.tsx

@@ -107,6 +107,10 @@ export default function HashtagScreen({
 
   return (
     <Layout.Screen>
+      <Pager
+        onPageSelected={onPageSelected}
+        renderTabBar={props => (
+          <Layout.Center style={[a.z_10, web([a.sticky, {top: 0}])]}>
             <Layout.Header.Outer noBottomBorder>
               <Layout.Header.BackButton />
               <Layout.Header.Content>
@@ -131,10 +135,6 @@ export default function HashtagScreen({
                 </Button>
               </Layout.Header.Slot>
             </Layout.Header.Outer>
-      <Pager
-        onPageSelected={onPageSelected}
-        renderTabBar={props => (
-          <Layout.Center style={[a.z_10, web([a.sticky, {top: 0}])]}>
             <TabBar items={sections.map(section => section.title)} {...props} />
           </Layout.Center>
         )}

src/screens/Topic.tsx

@@ -88,6 +88,10 @@ export default function TopicScreen({
 
   return (
     <Layout.Screen>
+      <Pager
+        onPageSelected={onPageSelected}
+        renderTabBar={props => (
+          <Layout.Center style={[a.z_10, web([a.sticky, {top: 0}])]}>
             <Layout.Header.Outer noBottomBorder>
               <Layout.Header.BackButton />
               <Layout.Header.Content>
@@ -107,10 +111,6 @@ export default function TopicScreen({
                 </Button>
               </Layout.Header.Slot>
             </Layout.Header.Outer>
-      <Pager
-        onPageSelected={onPageSelected}
-        renderTabBar={props => (
-          <Layout.Center style={[a.z_10, web([a.sticky, {top: 0}])]}>
             <TabBar items={sections.map(section => section.title)} {...props} />
           </Layout.Center>
         )}