Refactor cases pane's component and UI

frontend/app/projects/[projectId]/folders/FolderDialog.tsx

@@ -11,7 +11,7 @@ import {
   ModalBody,
   ModalFooter,
 } from "@nextui-org/react";
-import { FolderType } from "./layout";
+import { FolderType } from "@/types/folder";
 
 type Props = {
   isOpen: boolean;

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

@@ -1,5 +1,5 @@
 import { Image, Button, Tooltip, Card, CardBody } from "@nextui-org/react";
-import { AttachmentType } from "./caseTypes";
+import { AttachmentType } from "../../../../../../../types/case";
 import { Trash, ArrowDownToLine } from "lucide-react";
 
 type Props = {

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

@@ -13,9 +13,9 @@ import {
 import { useRouter } from "next/navigation";
 import { Save, Plus, ArrowLeft, ArrowUpFromLine } from "lucide-react";
 import { priorities, testTypes, templates } from "@/config/selection";
-import CaseStepsEditor from "./case-steps-editor";
+import CaseStepsEditor from "./CaseStepsEditor";
-import CaseAttachmentsEditor from "./case-attachments-editor";
+import CaseAttachmentsEditor from "./CaseAttachmentsEditor";
-import { CaseType, AttachmentType } from "./caseTypes";
+import { CaseType, AttachmentType } from "@/types/case";
 import {
   fetchCase,
   fetchCreateStep,

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

@@ -1,5 +1,5 @@
 import { Textarea, Button, Tooltip } from "@nextui-org/react";
-import { StepType } from "./caseTypes";
+import { StepType } from "../../../../../../../types/case";
 import { Plus, Trash } from "lucide-react";
 
 type Props = {

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

@@ -1,4 +1,4 @@
-import CaseEditor from "./case-editor";
+import CaseEditor from "./CaseEditor";
 
 export default function Page({
   params,