fix(package): remove top gap above sticky subheader on mobile

Author: Adebesin-Cell

app/components/Package/Header.vue

@@ -235,7 +235,7 @@ useShortcuts({
   </header>
   <div
     ref="header"
-    class="w-full bg-bg sticky top-14 z-10 border-b border-border pt-2"
+    class="w-full bg-bg sticky top-0 sm:top-14 z-10 border-b border-border pt-2"
     :class="[$style.packageHeader]"
     data-testid="package-subheader"
   >

app/components/Package/Skeleton.vue

@@ -19,7 +19,7 @@
     </div>
   </header>
 
-  <div class="w-full bg-bg sticky top-14 z-10 border-b border-border pt-2">
+  <div class="w-full bg-bg sticky top-0 sm:top-14 z-10 border-b border-border pt-2">
     <div class="w-full container flex flex-col md:flex-row-reverse flex-wrap gap-2 justify-between">
       <!-- Version -->
       <span class="inline-flex items-baseline font-mono text-base sm:text-lg shrink-0">

app/pages/package/[[org]]/[name]/versions.vue

@@ -271,7 +271,7 @@ const flatItems = computed<FlatItem[]>(() => {
 <template>
   <main class="flex-1 flex flex-col">
     <!-- Header -->
-    <header class="border-b border-border bg-bg sticky top-14 z-20">
+    <header class="border-b border-border bg-bg sticky top-0 sm:top-14 z-20">
       <div class="container py-3 flex items-center justify-between gap-4">
         <div class="flex items-center gap-2 min-w-0">
           <NuxtLink