chore: update package grid

Author: alexdln

app/components/Package/Skeleton.vue

@@ -200,7 +200,7 @@
       <div
         class="sticky top-30 xl:top-14 space-y-6 sm:space-y-8 min-w-0 overflow-y-auto pe-2.5 lg:(max-h-[calc(100dvh-8.5rem)] overscroll-contain) xl:(pt-2 max-h-[calc(100dvh-6rem)])"
       >
-        <div class="flex flex-col gap-4 sm:gap-6 xl:(pt-2)">
+        <div class="flex flex-col gap-4 sm:gap-6 xl:pt-4">
           <!-- Download stats — matches CollapsibleSection + sparkline skeleton -->
           <section>
             <div class="flex items-center justify-between mb-3 px-1">

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

@@ -655,7 +655,7 @@ const showSkeleton = shallowRef(false)
       <article id="package-article" :class="$style.packagePage">
         <!-- Package details -->
         <section :class="$style.areaDetails">
-          <div class="mb-4">
+          <div class="mb-4 pt-4">
             <!-- Description container with min-height to prevent CLS -->
             <div class="max-w-2xl">
               <p v-if="pkgDescription" class="text-fg-muted text-base m-0">
@@ -1155,7 +1155,7 @@ const showSkeleton = shallowRef(false)
         </section>
 
         <PackageSidebar :class="$style.areaSidebar">
-          <div class="flex flex-col gap-4 sm:gap-6 xl:(pt-2)">
+          <div class="flex flex-col gap-4 sm:gap-6 xl:pt-4">
             <!-- Team access controls (for scoped packages when connected) -->
             <ClientOnly>
               <PackageAccessControls :package-name="pkg.name" />
@@ -1258,20 +1258,18 @@ const showSkeleton = shallowRef(false)
   /* Mobile: single column, sidebar above readme */
   grid-template-columns: minmax(0, 1fr);
   grid-template-areas:
-    'header'
     'details'
     'install'
     'vulns'
     'sidebar'
     'readme';
 }
 
-/* Tablet/medium: header/install/vulns full width, readme+sidebar side by side */
+/* Tablet/medium: install/vulns full width, readme+sidebar side by side */
 @media (min-width: 1024px) {
   .packagePage {
     grid-template-columns: 2fr 1fr;
     grid-template-areas:
-      'header  header'
       'details details'
       'install install'
       'vulns   vulns'
@@ -1285,7 +1283,6 @@ const showSkeleton = shallowRef(false)
   .packagePage {
     grid-template-columns: 1fr 20rem;
     grid-template-areas:
-      'header  sidebar'
       'details sidebar'
       'install sidebar'
       'vulns   sidebar'
@@ -1299,10 +1296,6 @@ const showSkeleton = shallowRef(false)
   min-width: 0;
 }
 
-.areaHeader {
-  grid-area: header;
-}
-
 .areaDetails {
   grid-area: details;
 }