feat: display show creation/modification data

refs #182

src/Pages/ShowBasicData.vue

 <template>
   <div>
-    <PageHeader :title="t('navigation.show.basicData')" :lead="show.name" />
+    <PageHeader
+      :title="t('navigation.show.basicData')"
+      :lead="show.name"
+      :editing-metadata="show"
+    />
 
     <UnderConstruction class="tw-top-2 tw-right-2 tw-text-xl">
       <template #title>
@@ -24,6 +28,18 @@
       <ShowMetaImages />
       <ShowMetaOwners />
     </div>
+
+    <hr />
+
+    <p class="tw-text-sm">
+      <ATimeEditInfo
+        v-if="show.updatedAt"
+        :edit-info="{ time: show.updatedAt, author: show.updatedBy }"
+        type="modified"
+      />
+      <br />
+      <ATimeEditInfo :edit-info="{ time: show.createdAt, author: show.createdBy }" type="created" />
+    </p>
   </div>
 </template>
 
@@ -40,6 +56,7 @@ import { useI18n } from '@/i18n'
 import { Show } from '@/types'
 import UnderConstruction from '@/components/UnderConstruction.vue'
 import { useBreadcrumbs } from '@/stores/nav'
+import ATimeEditInfo from '@/components/generic/ATimeEditInfo.vue'
 
 const props = defineProps<{
   show: Show

src/Pages/ShowEpisodes.vue

 <template>
   <div class="tw-max-w-5xl">
-    <PageHeader :lead="show.name" :title="t('navigation.show.episodes')" />
+    <PageHeader :lead="show.name" :title="t('navigation.show.episodes')" :editing-metadata="show" />
 
     <UnderConstruction class="tw-right-0 tw-top-0">
       <template #title>

src/components/PageHeader.vue

@@ -4,6 +4,16 @@
     data-testid="page-header"
   >
     <h1 class="tw-text-5xl tw-font-black tw-m-0">
+      <ATimeEditInfo
+        v-if="editingMetadata"
+        :edit-info="{
+          time: editingMetadata.updatedAt ?? editingMetadata.createdAt,
+          author: editingMetadata.updatedBy ?? editingMetadata.createdBy,
+        }"
+        :type="editingMetadata.updatedAt ? 'modified' : 'created'"
+        class="tw-text-xs tw-block tw-mb-2 tw-font-normal"
+      />
+
       <SafeHTML
         v-if="lead"
         as="small"
@@ -24,9 +34,12 @@
 
 <script lang="ts" setup>
 import SafeHTML from '@/components/generic/SafeHTML'
+import { EditingMetaData } from '@/types'
+import ATimeEditInfo from '@/components/generic/ATimeEditInfo.vue'
 
 defineProps<{
   title?: string
   lead?: string
+  editingMetadata?: EditingMetaData
 }>()
 </script>

src/types.ts

@@ -18,6 +18,18 @@ export type PaginationData = {
 
 export type KeysFrom<T, K extends keyof T> = K
 
+export type UpdatedMetadata = {
+  updatedAt: string | null
+  updatedBy: string
+}
+
+export type CreatedMetadata = {
+  createdAt: string
+  createdBy: string
+}
+
+export type EditingMetaData = UpdatedMetadata & CreatedMetadata
+
 export type TimeSlot = Required<steeringComponents['schemas']['TimeSlot']>
 export type Show = Required<steeringComponents['schemas']['Show']>
 export type Playlist = Required<tankComponents['schemas']['store.Playlist']>