Refactor cases pane's component and UI

frontend/types/case.ts

@@ -0,0 +1,50 @@
+type CaseType = {
+  id: number;
+  title: string;
+  state: number;
+  priority: number;
+  type: number;
+  automationStatus: number;
+  description: string;
+  template: number;
+  preConditions: string;
+  expectedResults: string;
+  folderId: number;
+  Steps: StepType[];
+  Attachments: AttachmentType[];
+};
+
+type CaseStepType = {
+  createdAt: Date;
+  updatedAt: Date;
+  CaseId: number;
+  StepId: number;
+};
+
+type StepType = {
+  id: number;
+  step: string;
+  result: string;
+  createdAt: Date;
+  updatedAt: Date;
+  caseSteps: CaseStepType;
+};
+
+type CaseAttachmentType = {
+  createdAt: Date;
+  updatedAt: Date;
+  CaseId: number;
+  AttachmentId: number;
+};
+
+type AttachmentType = {
+  id: number;
+  title: string;
+  detail: string;
+  path: string;
+  createdAt: Date;
+  updatedAt: Date;
+  caseAttachments: CaseAttachmentType;
+};
+
+export { CaseType, StepType, AttachmentType };