Todo app responsive with localstorage

I created the following app after studying JavaScript for a few months. I also used Vite for the build and deploy in githubpages

The app includes the following features:

• Users can add tasks.
• The input is cleared to allow the addition of a new task.
• Tasks are saved in an array of objects in local storage.
• Users can check off completed tasks.
• The status of whether the task is checked or not is saved in local storage.
• Users can delete tasks with the "x" button.
• Deleting a task also removes it from local storage.
• A count of remaining items is displayed (those not yet checked).
• A button that clears all completed tasks.
• A section that shows active, completed, and all tasks together.
• Drag and drop functionality to rearrange tasks.
• The order in which tasks are rearranged with drag and drop is saved in local storage.
• Allowing users to edit a task once added or dynamically through local storage.
• Dark and light mode.
• User-selected dark and light mode options are saved in local storage to maintain them.