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()
@@ -114,6 +115,9 @@ onKeyStroke(
         >
           <AppLogo 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

@@ -22,6 +22,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'),
@@ -53,6 +54,7 @@ defineOgImageComponent('Default', {
             class="w-12 h-12 -ms-3 sm:w-20 sm:h-20 sm:-ms-5 md:w-24 md:h-24 md:-ms-6 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