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

frontend/src/app/useDetailPanel.ts

@@ -1,19 +1,19 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 
 export interface DetailDocument {
-  id?: string | number;
+  id?: string;
   [key: string]: unknown;
 }
 
 interface UseDetailPanelOptions {
-  documentLookup: Map<string | number, DetailDocument>;
+  documentLookup: Map<string, DetailDocument>;
   orderedSelectedDocuments: DetailDocument[];
 }
 
 interface OpenDetailPanelArgs {
-  documentId?: string | number;
+  documentId?: string;
   document?: DetailDocument | null;
-  documentIds?: Array<string | number>;
+  documentIds?: Array<string>;
   documents?: DetailDocument[];
 }
 
@@ -22,7 +22,7 @@ export const useDetailPanel = ({
   orderedSelectedDocuments,
 }: UseDetailPanelOptions) => {
   const [detailPanelOpen, setDetailPanelOpen] = useState(false);
-  const [detailPanelDocId, setDetailPanelDocId] = useState<string | number | null>(null);
+  const [detailPanelDocId, setDetailPanelDocId] = useState<string | null>(null);
   const [detailPanelDocument, setDetailPanelDocument] = useState<DetailDocument | null>(null);
   const latestOrderedDocsRef = useRef<DetailDocument[]>([]);