chore(react/type_widget): port atttachment list header

apps/client/src/widgets/NoteDetail.tsx

@@ -18,6 +18,7 @@ import Image from "./type_widgets/Image";
 import { ReadOnlyCode, EditableCode } from "./type_widgets/code/Code";
 import Mermaid from "./type_widgets/Mermaid";
 import MindMap from "./type_widgets/MindMap";
+import { AttachmentList } from "./type_widgets/Attachment";
 
 /**
  * A `NoteType` altered by the note detail widget, taking into consideration whether the note is editable or not and adding special note types such as an empty one,
@@ -98,6 +99,7 @@ function getCorrespondingWidget(noteType: ExtendedNoteType | undefined, props: T
         case "editableCode": return <EditableCode {...props} />
         case "mermaid": return <Mermaid {...props} />
         case "mindMap": return <MindMap {...props} />
+        case "attachmentList": return <AttachmentList {...props} />
         default: break;
     }
 }