feat(doc-item): Vereinfachung der Darstellung von Änderungsinformationen durch neue Utility-Methode

- Ersetzte die separate Verwendung von `changedWho` und `changedWhen` durch die neue Methode `getChangedInfo()` in der Klasse `Doc`.
- Aktualisiertes Symbol für `addedWho` von ‚gridicons:add‘ zu ‚mdi:user‘.

src/client/dd-hub-react/src/api/document-service.ts

@@ -16,6 +16,17 @@ export class Doc {
     changedWhen?: Date;
     changedWho?: string;
 
+    getChangedInfo(separator: string = " | "): string | null {
+        const who = this.changedWho?.trim();
+        const when = this.changedWhen?.toLocaleDateString('de-DE');
+
+        if (!who && !when) {
+            return null;
+        }
+
+        return [who, when].filter(Boolean).join(separator);
+    }
+
     get extension(): string | undefined {
         const parts = this.name.split('.');
         if (parts.length > 1 && parts[parts.length - 1].trim() !== '') {

src/client/dd-hub-react/src/sections/document/doc-item.tsx

@@ -77,9 +77,8 @@ export function DocItem({
             }}
         >
             {[
-                { data: doc.addedWho, icon: 'gridicons:add' },
+                { data: doc.addedWho, icon: 'mdi:user' },
-                { data: doc.changedWho, icon: 'material-symbols:change-circle-rounded' },
+                { data: doc.getChangedInfo(', '), icon: 'material-symbols:change-circle-rounded' }
-                { data: doc.changedWhen?.toLocaleDateString('de-DE'), icon: 'material-symbols:change-circle-rounded' },
             ].filter(info => info.data).map((info, _index) => (
                 <Box
                     key={_index}