Handle checkbox change to validate if a todos has been checked as completed and moved to completed tab.

handleCheckboxChange.js

  const handleCheckboxChange = (id) => {
    const todoIndex = items.findIndex((item) => item.id === id)
    const updatedItems = [...items]
    updatedItems[todoIndex].completed = !updatedItems[todoIndex].completed

    if (updatedItems[todoIndex].completed) {
      setCompletedTodo([...completedTodo, updatedItems[todoIndex].id])
    } else {
      setCompletedTodo(completedTodo.filter((item) => item.id !== id))
    }
    onCheckboxChange(updatedItems)
  }