refactor: reduce duplication

Author: ghostdevv

app/components/AppHeader.vue

@@ -218,16 +218,6 @@ onKeyStroke(
       >
         <AppMark class="w-6 h-auto" />
       </NuxtLink>
-      <NuxtLink
-        v-if="!isSearchExpanded && prNumber"
-        :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
-        :aria-label="$t('header.pr', { prNumber })"
-        class="sm:hidden"
-      >
-        <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium">
-          PR #{{ prNumber }}
-        </span>
-      </NuxtLink>
 
       <!-- Desktop: Logo (navigates home) -->
       <div v-if="showLogo" class="hidden sm:flex flex-shrink-0 items-center">
@@ -245,16 +235,18 @@ onKeyStroke(
             {{ env === 'release' ? 'alpha' : env }}
           </span>
         </NuxtLink>
-        <NuxtLink
-          v-if="prNumber"
-          :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
-          :aria-label="$t('header.pr', { prNumber })"
-        >
-          <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium ms-2">
-            PR #{{ prNumber }}
-          </span>
-        </NuxtLink>
       </div>
+
+      <NuxtLink
+        v-if="showLogo && !isSearchExpanded && prNumber"
+        :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
+        :aria-label="$t('header.pr', { prNumber })"
+      >
+        <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium">
+          PR #{{ prNumber }}
+        </span>
+      </NuxtLink>
+
       <!-- Spacer when logo is hidden on desktop -->
       <span v-else class="hidden sm:block w-1" />