feat(storage): persist task to localStorage using useEffect and lazy init

src/App.tsx

@@ -1,11 +1,19 @@
-import { useState } from "react"
+import { useEffect, useState } from "react"
 import type { Task } from "./types/task";
 import { TaskItem } from "./components/TaskItem";
 
 function App() {
-  const [tasks, setTasks] = useState<Task[]>([]);
+  const [tasks, setTasks] = useState<Task[]>(() => {
+    const savedTasks = localStorage.getItem('tasks');
+    return savedTasks ? JSON.parse(savedTasks) : []
+  });
+
   const [inputValue, setInputValue] = useState<string>('');
 
+  useEffect(() => {
+    localStorage.setItem('tasks', JSON.stringify(tasks));
+  }, [tasks]);
+
   const addTask = () => {
     if (inputValue.trim() === '') return;