create attachment file table

frontend/app/projects/[projectId]/folders/[folderId]/cases/[caseId]/page.tsx

@@ -12,6 +12,7 @@ import {
 import { Plus, ArrowUpFromLine } from "lucide-react";
 import { priorities, testTypes, templates } from "@/config/selection";
 import StepsEditor from "./steps-editor";
+import AttachmentsEditor from "./attachments-editor";
 import Config from "@/config/config";
 const apiServer = Config.apiServer;
 
@@ -28,6 +29,7 @@ type CaseType = {
   expectedResults: string;
   folderId: number;
   Steps: StepType[];
+  Attachments: AttachmentType[];
 };
 
 type CaseStepType = {
@@ -46,6 +48,23 @@ export type StepType = {
   caseSteps: CaseStepType;
 };
 
+type CaseAttachmentType = {
+  createdAt: Date;
+  updatedAt: Date;
+  CaseId: number;
+  AttachmentId: number;
+};
+
+export type AttachmentType = {
+  id: number;
+  title: string;
+  detail: string;
+  path: string;
+  createdAt: Date;
+  updatedAt: Date;
+  caseSteps: CaseAttachmentType;
+};
+
 const defaultTestCase = {
   id: 0,
   title: "",
@@ -411,6 +430,10 @@ export default function Page({
 
       <Divider className="my-6" />
       <h6>Attachments</h6>
+      <AttachmentsEditor
+        attachments={testCase.Attachments}
+        onAttachmentDelete={(id) => console.log(id)}
+      />
       <div className="flex items-center justify-center w-96 mt-3">
         <label
           htmlFor="dropzone-file"