Add TodoContext for state management

[shinyay]

Related to #1

Implement state management using React Context API for the Todo application.

• components/TodoItem.tsx:

  • Import useContext and TodoContext from context/TodoContext.
  • Replace onEdit, onDelete, and onToggle props with context functions.
  • Update handleEdit, handleToggle, and handleDelete to use context functions.

• context/TodoContext.tsx:

  • Create a new file to define TodoContext and TodoProvider.
  • Implement state management for todos using useReducer.
  • Provide context functions for adding, editing, deleting, and toggling todos.

• pages/index.tsx:

  • Import useContext and TodoContext from context/TodoContext.
  • Remove local state management for todos.
  • Use context functions for adding, editing, deleting, and toggling todos.
  • Update filteredTodos to use context state.

• README.md:

  • Update project structure to include context/TodoContext.tsx.
  • Add instructions for using the Todo application with context.

---

For more details, open the Copilot Workspace session.