fix in types

Types/todoTypes.ts

@@ -3,3 +3,8 @@ export type TodoListItems = {
     task: string;
     isCompleted: boolean;
 }
+
+export interface TodoMethods {
+    onDelete: (id: number) => void;
+    updateTask: (id: number, task: string, isCompleted: boolean) => void;
+}
\ No newline at end of file

components/Top-Level/Item/Item.tsx

@@ -4,14 +4,13 @@ import styles from './item.module.css'
 import Input from '@/components/base/input/Input';
 import closeIcon from '@/public/icons/red-x-10333.svg';
 import Image from 'next/image';
+import { TodoMethods } from '@/Types/todoTypes';
 
 
-interface ItemProps {
+interface ItemProps extends TodoMethods {
     id: number;
     task: string;
     isCompleted: boolean;
-    onDelete: (id: number) => void;
-    updateTask: (id: number, task: string, isCompleted: boolean) => void;
 }
 
 const Item: React.FC<ItemProps> = ({ onDelete, updateTask, id, isCompleted, task }) => {

components/layout/List/List.tsx

 import Item from "@/components/Top-Level/Item/Item";
 import styles from "./list.module.css";
-import { TodoListItems } from "@/Types/todoTypes";
-interface ListItemProps {
+import { TodoListItems, TodoMethods } from "@/Types/todoTypes";
+interface ListItemProps extends TodoMethods {
     data: TodoListItems[];
-    onDelete: (id: number) => void;
-    updateTask: (id: number, task: string, isCompleted: boolean) => void;
+
 }
 const ListItem: React.FC<ListItemProps> = ({ data, onDelete, updateTask }) => {
     return (