refactor: use design components in footer build infos

Author: essenmitsosse

app/components/BuildEnvironment.vue

@@ -17,27 +17,19 @@ const buildInfo = useAppConfig().buildInfo
       <NuxtTime :datetime="buildInfo.time" :locale="locale" relative />
     </i18n-t>
     <span>&middot;</span>
-    <NuxtLink
+    <LinkBase
       v-if="buildInfo.env === 'release'"
-      external
       :href="`https://github.com/npmx-dev/npmx.dev/tag/v${buildInfo.version}`"
-      target="_blank"
-      class="hover:text-fg transition-colors"
     >
       v{{ buildInfo.version }}
-    </NuxtLink>
+    </LinkBase>
     <span v-else class="tracking-wider">{{ buildInfo.env }}</span>
 
     <template v-if="buildInfo.commit && buildInfo.branch !== 'release'">
       <span>&middot;</span>
-      <NuxtLink
-        external
-        :href="`https://github.com/npmx-dev/npmx.dev/commit/${buildInfo.commit}`"
-        target="_blank"
-        class="hover:text-fg transition-colors"
-      >
+      <LinkBase :href="`https://github.com/npmx-dev/npmx.dev/commit/${buildInfo.commit}`">
         {{ buildInfo.shortCommit }}
-      </NuxtLink>
+      </LinkBase>
     </template>
   </div>
 </template>