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/App.vue

@@ -12,7 +12,7 @@ const currentPath = computed(() => router.currentRoute.value.path);
     <main class="pb-40 overflow-y-scroll h-screen">
       <RouterView />
     </main>
-    <div class="dock dock-xl bg-neutral-400">
+    <div class="dock dock-xl inset-shadow-sm">
       <RouterLink to="/create" :class="currentPath === '/create' ? 'dock-active' : ''">
         <PhCheckSquareOffset :size="32" />
       </RouterLink>