fix(ui): add loading state for translation status generated time

Author: cylewaitforit

app/pages/translation-status.vue

@@ -31,10 +31,10 @@ const isLoading = computed<boolean>(
 const generatedAt = computed(() => {
   const gat = status.value?.generatedAt
   if (import.meta.client) {
-    return (nuxt.isHydrated ? new Date().toISOString() : gat) ?? new Date().toISOString()
+    return nuxt.isHydrated ? gat : gat
   }
 
-  return gat ?? new Date().toISOString()
+  return gat
 })
 
 const localeEntries = computed<I18nLocaleStatus[]>(() => status.value?.locales || [])
@@ -68,16 +68,16 @@ ${template}`
             <span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>
           </button>
         </div>
-        <i18n-t
-          keypath="translation_status.generated_at"
-          tag="p"
-          scope="global"
-          class="text-fg-muted text-lg"
-        >
-          <template #date>
-            <NuxtTime :locale :datetime="generatedAt" date-style="long" time-style="medium" />
+        <p class="text-fg-muted text-lg">
+          <template v-if="isLoading || !generatedAt">
+            <SkeletonInline class="h-6 w-48" />
           </template>
-        </i18n-t>
+          <i18n-t v-else keypath="translation_status.generated_at" tag="span" scope="global">
+            <template #date>
+              <NuxtTime :locale :datetime="generatedAt" date-style="long" time-style="medium" />
+            </template>
+          </i18n-t>
+        </p>
       </header>
 
       <p class="text-fg-muted leading-relaxed mb-4">