feat: Introduce configurable icon and card sizes for document views and desktop workspace.

frontend/src/documents/components/DocumentsListRow.tsx

@@ -15,10 +15,11 @@ import DocumentEntry from './DocumentEntry';
 interface DocumentsListRowProps extends DocumentsViewProps {
     entry: DocumentsListEntry;
     viewLogic: DocumentViewLogic;
+    iconSize?: number;
 }
 
 const DocumentsListRow: React.FC<DocumentsListRowProps> = (props) => {
-    const { entry } = props;
+    const { entry, iconSize } = props;
 
     if (entry.type === 'folder') {
         const folder = entry.folder;
@@ -35,7 +36,7 @@ const DocumentsListRow: React.FC<DocumentsListRowProps> = (props) => {
                     <>
                         <td className="thumb-cell">
                             <div className="thumb-icon">
-                                <FolderIcon className="thumb-icon__image" size={32} />
+                                <FolderIcon className="thumb-icon__image" size={iconSize || 32} />
                             </div>
                         </td>
                         <td className="doc-list__name">
@@ -92,6 +93,7 @@ const DocumentsListRow: React.FC<DocumentsListRowProps> = (props) => {
                             getDocumentAsset={props.getDocumentAsset}
                             alt={`Thumbnail for ${doc.title}`}
                             scrollRootRef={props.scrollRef}
+                            maxSize={props.iconSize}
                         />
                     </td>
                     <td className="doc-list__name">