chore(ui): reorganize sidebar on Package page

See https://discord.com/channels/1464542801676206113/1464542802565140506/1468904277014483043

It appears the community agrees that the information on the sidebar were not in an ideal order.

Author: wojtekmaj

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

@@ -1188,17 +1188,11 @@ onKeyStroke(
         <div
           class="sidebar-scroll sticky top-34 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:(top-22 pt-2 max-h-[calc(100dvh-6rem)])"
         >
-          <!-- Maintainers (with admin actions when connected) -->
-          <PackageMaintainers :package-name="pkg.name" :maintainers="pkg.maintainers" />
-
           <!-- Team access controls (for scoped packages when connected) -->
           <ClientOnly>
             <PackageAccessControls :package-name="pkg.name" />
           </ClientOnly>
 
-          <!-- Keywords -->
-          <PackageKeywords :keywords="displayVersion?.keywords" />
-
           <!-- Agent Skills -->
           <ClientOnly>
             <PackageSkillsCard
@@ -1246,6 +1240,12 @@ onKeyStroke(
             :peer-dependencies-meta="displayVersion.peerDependenciesMeta"
             :optional-dependencies="displayVersion.optionalDependencies"
           />
+
+          <!-- Keywords -->
+          <PackageKeywords :keywords="displayVersion?.keywords" />
+
+          <!-- Maintainers (with admin actions when connected) -->
+          <PackageMaintainers :package-name="pkg.name" :maintainers="pkg.maintainers" />
         </div>
       </div>
     </article>