refactor: introduce dedicated identifier types for improved clarity and type safety

frontend/src/documents/panel/DocumentsPanel.tsx

@@ -18,6 +18,7 @@ import DocumentsPanelHeader, {
 import { SelectionFloatingPanel } from '../SelectionFloatingActions';
 import { createDocumentsTableHeaderActions } from './DocumentsToolbar';
 import { useDocumentsFilter } from '../context/DocumentsFilterContext';
+import type { Identifier } from '../../types/identifiers';
 
 const DEFAULT_GRID_ICON_SIZE = 144;
 
@@ -73,7 +74,7 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   documentLinks,
   ensureDownloadUrl,
   deskWorkspaceProps = null,
-  onRefresh = () => {},
+  onRefresh = () => { },
   sortField,
   sortDirection,
   onSortFieldChange,
@@ -108,8 +109,8 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
     () =>
       Array.isArray(searchResultIds)
         ? searchResultIds
-            .map((id) => documentLookup?.get?.(id) || null)
-            .filter((doc): doc is Record<string, unknown> => Boolean(doc))
+          .map((id) => documentLookup?.get?.(id) || null)
+          .filter((doc): doc is Record<string, unknown> => Boolean(doc))
         : null,
     [searchResultIds, documentLookup],
   );
@@ -256,8 +257,7 @@ const DocumentsPanelInner: React.FC<DocumentsPanelInnerProps> = ({
   const isGridView = viewMode === 'grid';
   const isDeskView = viewMode === 'desk';
 
-  type Identifier = string | number;
-type ZoomSource = { url: string; alt?: string | null; mimeType?: string | null };
+  type ZoomSource = { url: string; alt?: string | null; mimeType?: string | null };
 
   const [previewDocId, setPreviewDocId] = useState<Identifier | null>(null);
 
@@ -499,7 +499,7 @@ type ZoomSource = { url: string; alt?: string | null; mimeType?: string | null }
       setFocusedRowKey(targetRow.key);
       handleEntrySelection(targetRow.key, {
         shiftKey,
-        preventDefault: () => {},
+        preventDefault: () => { },
       });
     },
     [