feat: add and edit task modal

src/components/task.tsx

@@ -5,6 +5,7 @@ import classes from "./task.module.scss";
 interface TaskProps {
   name: string;
   checked?: boolean;
+  onClick?: () => void;
 }
 
 const taskStyle = tv({
@@ -27,10 +28,10 @@ const markStyle = tv({
   },
 });
 
-const Task: FunctionComponent<TaskProps> = ({ name, checked = false }: TaskProps) => {
+const Task: FunctionComponent<TaskProps> = ({ name, checked = false, onClick = () => {} }: TaskProps) => {
   return (
     // Временное действие для тестирования
-    <button onClick={() => alert(name)} class="w-[95%]">
+    <button onClick={onClick} class="w-[95%]">
       <div class={classes.task}>
         <div class={taskStyle({ checked })}>
           <p class={markStyle({ checked })}>✓</p>