feat: show created and edited dates

apps/frontend/src/app/components/books/books-list.component.ts

@@ -595,6 +595,18 @@ import { Book, BookStatus, CreateBookDto, UpdateBookDto, Comment, SuggestionEnti
                   </p>
                 }
 
+                @if (book.createdAt) {
+                  <p class="date-added">
+                    Added: {{ formatDate(book.createdAt) }}
+                  </p>
+                }
+
+                @if (book.updatedAt) {
+                  <p class="date-updated">
+                    Updated: {{ formatDate(book.updatedAt) }}
+                  </p>
+                }
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(book)" class="btn btn-secondary btn-sm">
@@ -1031,7 +1043,9 @@ import { Book, BookStatus, CreateBookDto, UpdateBookDto, Comment, SuggestionEnti
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: var(--witch-plum);
       margin-top: 0.5rem;

apps/frontend/src/app/components/games/games-list.component.ts

@@ -552,6 +552,14 @@ import { Game, GameStatus, CreateGameDto, UpdateGameDto, Comment, SuggestionEnti
                   </p>
                 }
 
+                <p class="date-added">
+                  Added: {{ formatDate(game.createdAt) }}
+                </p>
+
+                <p class="date-updated">
+                  Updated: {{ formatDate(game.updatedAt) }}
+                </p>
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(game)" class="btn btn-secondary btn-sm">
@@ -907,7 +915,9 @@ import { Game, GameStatus, CreateGameDto, UpdateGameDto, Comment, SuggestionEnti
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: #4b5563;
       margin-top: 0.5rem;

apps/frontend/src/app/components/manga/manga-list.component.ts

@@ -553,6 +553,18 @@ import { Manga, MangaStatus, CreateMangaDto, UpdateMangaDto, Comment, Suggestion
                   </p>
                 }
 
+                @if (manga.createdAt) {
+                  <p class="date-added">
+                    Added: {{ formatDate(manga.createdAt) }}
+                  </p>
+                }
+
+                @if (manga.updatedAt) {
+                  <p class="date-updated">
+                    Updated: {{ formatDate(manga.updatedAt) }}
+                  </p>
+                }
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(manga)" class="btn btn-secondary btn-sm">
@@ -910,7 +922,9 @@ import { Manga, MangaStatus, CreateMangaDto, UpdateMangaDto, Comment, Suggestion
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: #4b5563;
       margin-top: 0.5rem;

apps/frontend/src/app/components/music/music-list.component.ts

@@ -629,6 +629,18 @@ import { Music, MusicStatus, MusicType, CreateMusicDto, UpdateMusicDto, Comment,
                   </p>
                 }
 
+                @if (music.createdAt) {
+                  <p class="date-added">
+                    Added: {{ formatDate(music.createdAt) }}
+                  </p>
+                }
+
+                @if (music.updatedAt) {
+                  <p class="date-updated">
+                    Updated: {{ formatDate(music.updatedAt) }}
+                  </p>
+                }
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(music)" class="btn btn-secondary btn-sm">
@@ -1060,7 +1072,9 @@ import { Music, MusicStatus, MusicType, CreateMusicDto, UpdateMusicDto, Comment,
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: var(--witch-plum);
       margin-top: 0.5rem;

apps/frontend/src/app/components/shows/shows-list.component.ts

@@ -547,6 +547,18 @@ import { Show, ShowStatus, ShowType, CreateShowDto, UpdateShowDto, Comment, Sugg
                   </p>
                 }
 
+                @if (show.createdAt) {
+                  <p class="date-added">
+                    Added: {{ formatDate(show.createdAt) }}
+                  </p>
+                }
+
+                @if (show.updatedAt) {
+                  <p class="date-updated">
+                    Updated: {{ formatDate(show.updatedAt) }}
+                  </p>
+                }
+
                 @if (authService.isAdmin()) {
                   <div class="actions">
                     <button (click)="startEdit(show)" class="btn btn-secondary btn-sm">
@@ -903,7 +915,9 @@ import { Show, ShowStatus, ShowType, CreateShowDto, UpdateShowDto, Comment, Sugg
     }
 
     .date-started,
-    .date-finished {
+    .date-finished,
+    .date-added,
+    .date-updated {
       font-size: 0.85rem;
       color: #4b5563;
       margin-top: 0.5rem;