feat: adjust slicing based off groups subject id display setting

Author: david-roper

apps/web/src/features/datahub/components/MasterDataTable.tsx

@@ -4,18 +4,24 @@ import { useTranslation } from '@douglasneuroinformatics/libui/hooks';
 import type { Subject } from '@opendatacapture/schemas/subject';
 import { removeSubjectIdScope } from '@opendatacapture/subject-utils';
 
+import { useAppStore } from '@/store';
+
 export type MasterDataTableProps = {
   data: Subject[];
   onSelect: (subject: Subject) => void;
 };
 
 export const MasterDataTable = ({ data, onSelect }: MasterDataTableProps) => {
   const { t } = useTranslation();
+  const subjectIdDisplaySetting = useAppStore((store) => store.currentGroup?.settings.subjectIdDisplayLength);
   return (
     <ClientTable<Subject>
       columns={[
         {
-          field: (subject) => removeSubjectIdScope(subject.id).slice(0, 9),
+          field: (subject) =>
+            subjectIdDisplaySetting
+              ? removeSubjectIdScope(subject.id).slice(0, subjectIdDisplaySetting)
+              : removeSubjectIdScope(subject.id).slice(0, 9),
           label: t('datahub.index.table.subject')
         },
         {