chore

src/components/atoms/icon/AddSectionIcon/index.tsx

@@ -1,12 +1,12 @@
-import type { DispatchWithoutAction, FC } from "react";
+import type { DispatchWithoutAction, JSX } from "react";
 import { PlusSquare } from "lucide-react";
 import { Button } from "@/components/ui/button.tsx";
 
 type Props = {
 	handleAddSection: DispatchWithoutAction;
 };
 
-export const AddSection: FC<Props> = ({ handleAddSection }) => (
+export const AddSection = ({ handleAddSection }: Props): JSX.Element => (
 	<Button variant="ghost" size="icon" onClick={handleAddSection}>
 		<PlusSquare className="h-4 w-4 mr-2" />
 		Add Section

src/components/atoms/icon/CancelIcon/index.tsx

@@ -1,12 +1,12 @@
-import type { DispatchWithoutAction, FC } from "react";
+import type { DispatchWithoutAction } from "react";
 import { RotateCw } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
 type Props = {
 	handleCancel: DispatchWithoutAction;
 };
 
-export const CancelIcon: FC<Props> = ({ handleCancel }) => (
+export const CancelIcon = ({ handleCancel }: Props) => (
 	<Button variant="ghost" size="icon" onClick={handleCancel}>
 		<RotateCw className="h-4 w-4" />
 		Cancel

src/components/atoms/icon/DraggableIcon/index.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { GripVertical } from "lucide-react";
 import { Spacer } from "../../Spacer";