refactor(doc-item): Aktualisierung der Icons und Ausrichtung im DocItem-Infobereich

- Ersetzte Info-Symbole mit semantisch passenderen Symbolen
- Ändern von `justifyContent` von `flex-end` zu `flex-start` für bessere Ausrichtung
- Falsy-Werte herausgefiltert, um zu verhindern, dass leere Info-Elemente angezeigt werden

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

@@ -73,14 +73,14 @@ export function DocItem({
                 display: 'flex',
                 flexWrap: 'wrap',
                 color: 'text.disabled',
-                justifyContent: 'flex-end',
+                justifyContent: 'flex-start',
             }}
         >
             {[
-                { data: doc.addedWho, icon: 'solar:chat-round-dots-bold' },
+                { data: doc.addedWho, icon: 'gridicons:add' },
-                { data: doc.changedWho, icon: 'solar:eye-bold' },
+                { data: doc.changedWho, icon: 'material-symbols:change-circle-rounded' },
-                { data: doc.changedWhen?.toLocaleDateString('de-DE'), icon: 'solar:share-bold' },
+                { data: doc.changedWhen?.toLocaleDateString('de-DE'), icon: 'material-symbols:change-circle-rounded' },
-            ].map((info, _index) => (
+            ].filter(info => info.data).map((info, _index) => (
                 <Box
                     key={_index}
                     sx={{