Add TodoItem component, enhance task list, and improve API data handling

- Introduced `TodoItem.vue`, a reusable component for task items.
- Refactored `ListScreen` to use `TodoItem` for better modularity.
- Added new animations and styles for smooth transitions.
- Updated `useTasks` with `updateTask` method to sync task updates via API.
- Improved type definitions for `Task` and added nullable fields for flexibility.
- Added dependencies: `luxon`, `@types/luxon`, `uuid`, and `@vueuse/core`.

src/styles/main.css

@@ -43,8 +43,16 @@
 .fade-leave-active {
     transition: opacity 0.25s ease;
 }
-
 .fade-enter-from,
 .fade-leave-to {
     opacity: 0;
 }
+
+.xExpand-enter-active,
+.xExpand-leave-active {
+    transition: all 0.5s ease-in-out;
+}
+.xExpand-enter-from,
+.xExpand-leave-to {
+    transform: scaleX(0);
+}