feat: put env string next to 'npmx'

Author: shuuji3

app/components/AppHeader.vue

@@ -14,6 +14,7 @@ const { isConnected, npmUser } = useConnector()
 
 const showFullSearch = shallowRef(false)
 const showMobileMenu = shallowRef(false)
+const { env } = useAppConfig().buildInfo
 
 // On mobile, clicking logo+search button expands search
 const route = useRoute()
@@ -127,6 +128,9 @@ onKeyStroke(
             class="w-8 h-8 rounded-lg"
           />
           <span>npmx</span>
+          <sup class="text-sm ms--1.5 italic text-fg-muted">
+            {{ env === 'release' ? 'alpha' : env }}
+          </sup>
         </NuxtLink>
       </div>
       <!-- Spacer when logo is hidden on desktop -->

app/pages/index.vue

@@ -20,6 +20,7 @@ async function search() {
 const handleInput = isTouchDevice()
   ? search
   : debounce(search, 250, { leading: true, trailing: true })
+const { env } = useAppConfig().buildInfo
 
 useSeoMeta({
   title: () => $t('seo.home.title'),
@@ -51,6 +52,7 @@ defineOgImageComponent('Default', {
           class="w-12 h-12 sm:w-20 sm:h-20 md:w-24 md:h-24 rounded-2xl sm:rounded-3xl"
         />
         <span class="pb-4">npmx</span>
+        <sup class="text-3xl italic text-fg-muted">{{ env === 'release' ? 'alpha' : env }}</sup>
       </h1>
 
       <p