fix: footer build block animation and home visibility tests

Author: j0u1

app/components/AppFooter.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { NPMX_DOCS_SITE } from '#shared/utils/constants'
 
+const route = useRoute()
+const isHome = computed(() => route.name === 'index')
+
 const discord = useDiscordLink()
 const modalRef = useTemplateRef('modalRef')
 const showModal = () => modalRef.value?.showModal?.()
@@ -20,7 +23,7 @@ const closeModal = () => modalRef.value?.close?.()
           <span class="sm:hidden">{{ $t('non_affiliation_disclaimer') }}</span>
           <span class="hidden sm:inline">{{ $t('trademark_disclaimer') }}</span>
         </p>
-        <BuildEnvironment footer />
+        <BuildEnvironment v-if="!isHome" footer />
       </div>
       <!-- Desktop: Show all links. Mobile: Links are in MobileMenu -->
       <div class="hidden sm:flex flex-col lg:items-end gap-3 min-h-11 text-xs">

app/components/BuildEnvironment.vue

@@ -13,12 +13,8 @@ const buildTime = computed(() => new Date(buildInfo.value.time))
 
 <template>
   <div
-    class="font-mono text-xs text-fg-muted flex items-center gap-2"
-    :class="
-      footer
-        ? 'hidden sm:flex sm:justify-start'
-        : 'mb-8 justify-center motion-safe:animate-fade-in motion-safe:animate-fill-both'
-    "
+    class="font-mono text-xs text-fg-muted flex items-center gap-2 motion-safe:animate-fade-in motion-safe:animate-fill-both"
+    :class="footer ? 'hidden sm:flex sm:justify-start' : 'mb-8 justify-center'"
     style="animation-delay: 0.05s"
   >
     <i18n-t keypath="built_at" scope="global">